1. 程式人生 > >js監聽鍵盤事件

js監聽鍵盤事件

code key inf 回車事件 amp button pre 圖片 function

1、監聽全局鍵盤按下事件,例如監聽全局回車事件

1  $(document).keydown(function(event){
2    if(event.keyCode == 13){
3      alert(‘你按下了Enter‘); 
4    }
5  });

2、監聽某個組件鍵盤按下事件,例如監聽id為btn的button組件的回車按下事件

1  $("#btn").keydown(function(event){
2    if(event.keyCode == 13){
3      alert(‘你按下了Enter‘); 
4    }
5  });

3、如果是要監聽組合鍵,例如監聽ctrl+c

1  $(document).keyup(function(event){ 
2    if (event.ctrlKey && event.keyCode === 67){ 
3      alert(‘你按下了CTRL+C‘); 
4    } 
5  }); 

4、詳細keyCode值列表

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

js監聽鍵盤事件