设置人性化的自动焦点

作者:chilleen 来源:ITPOW(原创) 日期:2006-12-28

在登录框中,为了让用户不点击鼠标,可以直接输入用户名和密码,我们常常在网页打开时设置焦点在用户名那个文本框。

但是,大多数设置属于“霸王设置”,有时由于网速原因,我们已经输入完了用户名,开始输入密码了,程序才将焦点移动到用户名文本框,这种设置反而影响了我们的操作。

我们可以对程序作些改进,如果用户还没有输入用户名,就移动焦点,如果用户已经输入了用户名,就不移动焦点。

一、head 区加入如下代码:
<script type="text/javascript" language="javascript">
<!--
var autoFocus = true; //是否自动设置焦点

function SetFocus()
{
    if (!autoFocus)
    {
        return;
    }
    
    document.getElementById("loginForm").userName.focus(); //假设 form 的 id 为 loginForm,用户名文本框的 name 为 userName
}
-->
</script>

二、body 语句设置事件:
<body onLoad="javascript:SetFocus();">

三、用户名文本框设置事件:
<input type="text" name="userName" size="14" onfocus="javascript:autoFocus=false;">

相关文章