首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

这个"bug"好像只会发生在chrome身下

2012-08-30 
这个bug好像只会发生在chrome身上先贴页面代码,非常简单的验证htmlheadscript typetext/javascri

这个"bug"好像只会发生在chrome身上
先贴页面代码,非常简单的验证

<html><head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript">function easyCheck(){if($("#userName").val()==""){$("#userName").focus();$('#msg').html("用户名不能为空");return false;}if($("#passWord").val()==""){$("#passWord").focus();$('#msg').html("密码不能为空");return false;}window.location.href='http://www.iteye.com';}  // 回车事件  if(document.addEventListener){   document.addEventListener("keypress",cdk, true);    }else{   document.attachEvent("onkeypress",cdk);   }   function   cdk(event){ if(event.keyCode==13){$('#bt_login').click();//event.returnValue=false; 这是问题所在}   }</script></head><body><form action="" method="post" name="form1" id="form1"><table><tr><td>用户名:</td><td><input type="text" name="userName" id="userName"></td></tr><tr><td>密码:</td><td><input type="password" name="passWord" id="passWord"></td></tr><tr><td><input type="button" id="bt_login" value="登录" onClick="easyCheck();"><input id="bt_reset" type="reset" value="清空"></td></tr><tr><td align="center" colspan="2"><span id="msg" style="color:red"></span></td></tr></table></form></body></html>

我在这里加入了回车事件,中间我注释了一行代码,刚进入页面时没有获得任何焦点的情况下按回车键出现了如下一幕:

我发现focus位置很奇怪,我接着按回车,居然接着跳到下一个验证



除chrome以外其它浏览器都是正常的(我的chrome版本是11)
明明都返回false了,还接着进入下一个验证
但是如果一开始就获得了焦点,再按回车就是正常的

后来加了句event.returnValue=false就好了

热点排行