在登录框中,为了让用户不点击鼠标,可以直接输入用户名和密码,我们常常在网页打开时设置焦点在用户名那个文本框。
但是,大多数设置属于“霸王设置”,有时由于网速原因,我们已经输入完了用户名,开始输入密码了,程序才将焦点移动到用户名文本框,这种设置反而影响了我们的操作。
我们可以对程序作些改进,如果用户还没有输入用户名,就移动焦点,如果用户已经输入了用户名,就不移动焦点。
一、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;">