js中回车事件的捕杀
日期：2014-05-16 浏览次数：20342 次
js中回车事件的捕捉
下面给一个例子，回车触发按钮的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>
??????????? //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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
