欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js監(jiān)聽鍵盤事件的方法_原生和jquery的區(qū)別詳解

 更新時(shí)間：2016年10月10日 09:17:21   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇js監(jiān)聽鍵盤事件的方法_原生和jquery的區(qū)別詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

經(jīng)常需要監(jiān)聽鍵盤的事件，以便做更好的操作，基本原理是：監(jiān)聽全局鍵盤，每一個(gè)鍵盤，當(dāng)用戶按下某一按鍵時(shí)，返回對(duì)應(yīng)的鍵值，然后再判斷用戶按下了哪一科按鍵，鍵值對(duì)應(yīng)按鍵的名稱在最下面列出，自行比對(duì)。去以下介紹兩種不同的方式

原生鍵盤監(jiān)聽事件：按下一次按鍵，分為三個(gè)過(guò)程，按下—按住—松開

onkeydown：某個(gè)鍵被按下
onkeypress：某個(gè)鍵盤的鍵被按下或按住
onkeyup：某個(gè)鍵盤的鍵被松開

使用方法，一般來(lái)說(shuō)，鍵盤監(jiān)聽是直接在整個(gè)頁(yè)面文檔上進(jìn)行監(jiān)聽的，也就是document上

以下是原生的使用案例

//實(shí)際使用 
document.onkeydown=function(e){  //對(duì)整個(gè)頁(yè)面文檔監(jiān)聽 
var keyNum=window.event ? e.keyCode :e.which;  //獲取被按下的鍵值 
//判斷如果用戶按下了回車鍵（keycody=13） 
if(keyNum==13){ 
alert('您按下了回車'); 
} 
 
//判斷如果用戶按下了空格鍵(keycode=32)， 
if(keyNum==32){ 
   alert('您按下了空格'); 
  }

剩下另外兩個(gè)按鍵方法同理

jquery的方式監(jiān)聽鍵盤事件

jquery的也分為三個(gè)過(guò)程，但是在事件名稱上有所不同

keyup：某個(gè)鍵盤的鍵被松開

keydown：某個(gè)鍵被按下

keypress：某個(gè)鍵盤的鍵被按下或按住

使用方法：

$(document).keyup(function(event){ 
       switch(event.keyCode) { 
       case 27: 
       alert('您按下了回車'); 
       return; 
       case 13: 
       alert('您按下了空格'); 
       return; 
     
       } 
 });

小總結(jié)：總體來(lái)說(shuō)，這兩種方式達(dá)到的效果都是一樣的，只是由于jquery的獲取對(duì)象更加簡(jiǎn)單，所以一般更推介使用jquery，當(dāng)然，如果你有jquery基礎(chǔ)的話。

以上就是小編為大家?guī)?lái)的js監(jiān)聽鍵盤事件的方法_原生和jquery的區(qū)別詳解全部?jī)?nèi)容了，希望大家多多支持腳本之家~

相關(guān)文章

最新評(píng)論