js 监听键盘操作

最新推荐文章于 2024-11-09 00:53:03 发布

原创最新推荐文章于 2024-11-09 00:53:03 发布 · 927 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了jQuery中处理键盘事件的方法，包括keydown、keyup和keypress事件的使用，并提供了具体的应用实例，如回车键事件处理和方向键操作等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery键盘事件用法

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事件进行操作！

//全局：
$(function(){ 
    document.onkeydown = function(e){ 
      var ev = document.all ? window.event : e; 
      if(ev.keyCode==13) { 
        $('#FormId").submit();//处理事件 
      } 
    } 
}); 

//某个控件： 
$('#id').keydown(function(e){ 
  if(e.keyCode==13){ 
    $('#FormId").submit(); //处理事件 
  } 
}); 

//取消回车键
if (window.event.keyCode==13) window.event.keyCode=0 　　 

//模拟Tab键
if (window.event.keyCode==13) window.event.keyCode=9

附：javascript写法

<script type="text/javascript">
//这个就是键盘触发的函数
var SubmitOrHidden = function(evt){
    evt = window.event || evt;
    if(evt.keyCode!=13){//如果取到的键值是回车
          //do something        
     }else{
        //其他键  dosomething
    }
                 
}
window.document.onkeydown=SubmitOrHidden;//当有键按下时执行函数
</script>

附常用功能键

常数	值	描述
vbKeyBack	8	BACKSPACE 键
vbKeyTab	9	TAB 键
vbKeyReturn	13	ENTER 键
vbKeyShift	16	SHIFT 键
vbKeyControl	17	CTRL 键
vbKeyCapital	20	CAPS LOCK 键
vbKeyEscape	27	ESC 键
vbKeySpace	32	SPACEBAR 键
vbKeyPageUp	33	PAGEUP 键
vbKeyPageDown	34	PAGEDOWN 键
vbKeyEnd	35	END 键
vbKeyPrint	42	PRINT SCREEN 键
vbKeyDelete	46	DEL 键
vbKeyNumlock	144	NUM LOCK 键