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

quadrapop

浏览: 5369 次
性别:
来自: 杭州

最近访客更多访客>>

woodding2008

xialluyouyue

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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

chrome html 浏览器

先贴页面代码，非常简单的验证

<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>

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