js中回车事件的捕捉

最新推荐文章于 2024-08-02 16:43:04 发布

applejian

最新推荐文章于 2024-08-02 16:43:04 发布

阅读量105

点赞数

分类专栏： javascript 文章标签： HTML Web JavaScript Ajax jQuery ViewUI

本文链接：https://blog.csdn.net/applejian/article/details/83970953

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

下面给一个例子，回车触发按钮的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 οnkeydοwn="strdown(event)">
<input type="button" id="str" οnclick="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" οnclick="test()" value="button"/>
</body>
</html>