现在的位置: 首页 > 综合 > 正文

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

2017年11月05日 ⁄ 综合 ⁄ 共 897字 ⁄ 字号 评论关闭
    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>

抱歉!评论已关闭.