|
|
先贴页面代码，非常简单的验证
<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="登录" ><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就好了 |
|
京ICP备14020293号-2
本网站内容均收集于互联网，如有问题请联系QQ:389897944予以删除
窥视卡
雷达卡
楼主
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡