您的位置：首页 > Web前端 > JavaScript

js中回车事件的捕捉

2011-10-24 10:39 267 查看

下面给一个例子，回车触发按钮的onclick事件。

<html>

<head><title>keydown</title></head>

<script>

function strdown(event){

if(event.keyCode==13){

//event.keyCode=0; //取消回车

document.getElementByIdx("str").click();

return false;

}

}

function test(){

alert("ok");

}

</script>

<body onkeydown="strdown(event)">

<input type="button" id="str" onclick="test()" value="button"/>

</body>

</html>

再来看一个用jquery写的例子。

<html>

<head><title>keydown</title>

<script type='text/javascript' src='jquery-1.3.1.min.js' ></script>

</head>

<script>

$(document).ready(function(){

$(document).keydown(function(event){ //这里如果写成$(window)，在ie下面就不会起作用

if(event.keyCode==13){

document.getElementByIdx("str").onclick();

return false;

}

});

});

function test(){

var s = document.getElementByIdx("a").value;

alert(s);

}

</script>

<body >

<input type="text" id="a" />

<input type="button" id="str" onclick="test()" value="button"/>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航