基于jquery的button默认enter事件(回车事件)

最新推荐文章于 2022-05-16 12:46:42 发布

whdmxl991

最新推荐文章于 2022-05-16 12:46:42 发布

阅读量797

点赞数

本文链接：https://blog.csdn.net/whdmxl991/article/details/42388253

版权

    button按钮默认回车（enter）事件，如果用submit，就不用看以下代码，因为submit可以直接默认回车事件（enter）。以下代码是通过jquery完成，之前必须导入jquery包。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title></title> 
<script src="jquery.1.3.2.js" type="text/javascript" language="javascript"></script> 
<script type="text/javascript"> 

document.onkeydown = function (e) { 
	var theEvent = window.event || e; 
	var code = theEvent.keyCode || theEvent.which; 
	if (code == 13) { 
		$("#but1").click(); 
		return false;	//这一句很重要！！！
	} 
} 
$(document).ready(function () { 
	$("#but1").click(function () { 
		alert("我是enter事件," + "text值:" + $("#text1").val()); 
	}) ;
	$("#but2").click(function () { 
		alert("我是Jquery事件" + "text值:" + $("#text1").val()); 
	}) 
}); 
</script> 
</head> 

<body> 
<input type="text" id="text1" /> 
<input type="button" id="but1" value="确定(我是enter事件)"/> 
<input type="submit" id="but2" value="确定(我是Jquery事件)" /> 
</body> 
</html>

whdmxl991

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
基于jquery的button默认enter事件(回车事件)

button按钮默认回车（enter）事件，如果用submit，就不用看以下代码，因为submit可以直接默认回车事件（enter）。以下代码是通过jquery完成，之前必须导入jquery包。 document.onkeydown = function (e) { var theEvent = window.event || e; var code = theEvent.keyCo
复制链接

扫一扫