hi,欢迎访问本站!
当前位置: 首页Web前端正文

jq监听回车键触发事件的方法

墨初 Web前端 975阅读

在jquery中监听键盘的事件有三种,分别为keydown(按下),keypress(按着没上抬),keyup(上抬),而这三种方法中最最常用的就是keydown(按下).下面的博文中我们重点介绍一下keydown(按下)并说一下监听回车键的方法。

jquery监听回车键的方法

在键盘值码表中,回车键的值为13,我们只需要判断的按键的值是为13即可。

例:jq监听整个网页中回车按键的方法

$(document).keyup(function(event){
    if(event.keyCode ==13){
        console.log('回车事件被触发')
    }
});

例2:

$(function(){
document.onkeydown = function(e){ 
var ev = document.all ? window.event : e;
if(ev.keyCode==13) {
console.log('这里是回事触发的事件');
}
}
});

例3:

jq监听某个元素的回车事件。

<div id="id"></div>
<script>
$('#id').keydown(function(e){
if(e.keyCode==13){
console.log('这里是回事触发的事件');
}
});
</script>

注:有的浏览器不能很好的运行上面的代码,也有的开发者认为绑定某个元素的回车事件是有问题的,对于这个问题自己测试一下吧。

声明:无特别说明,转载请标明本文来源!