jQuery回车键事件和上下键事件 博客分类: jQuery 乔乐共享jquery浏览器keypresswhich
程序员文章站
2024-03-26 13:16:05
...
// 键盘事件
// 回车键事件
// 上下键事件
注:由于浏览器键盘按下事件的不同,可能导致部分事件不能正常操作,所以推荐keydown事件进行操作!
1、keydown() keydown事件会在键盘按下时触发. 2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键
// 回车键事件
// 绑定键盘按下事件 $(document).keypress(function(e) { // 回车键事件 if(e.which == 13) { jQuery(".confirmButton").click(); } });
// 上下键事件
$(document).keydown(function(event){ //判断当event.keyCode 为37时(即左方面键),执行函数to_left(); //判断当event.keyCode 为39时(即右方面键),执行函数to_right(); if(event.keyCode == 37){ to_left(); }else if (event.keyCode == 39){ to_right(); } });
注:由于浏览器键盘按下事件的不同,可能导致部分事件不能正常操作,所以推荐keydown事件进行操作!
上一篇: Vue.js实战之系统学习第七节