js 監聽組合鍵盤事件


有些時候,我們需要在網頁上,增加一些快捷按鍵,方便用戶使用一些常用的操作,比如:保存,撤銷,復制、粘貼等等。

我們所熟悉的按鍵有這么集中類型:

  • 單獨的按鍵操作,如:delete、up、down等
  • 兩位組合建,如:ctrl(cmd)+ 其他按鍵,alt+其他按鍵,shift+其他按鍵
  • 三位組合鍵,如:ctrl(cmd)+ shift + 其他按鍵,Ctrl(cmd)+ alt + 其他按鍵

在 事件 觸發時 event 中有這幾個屬性 ctrlKey(metaKey)、altKey、shiftKey, 在按下相應的 ctr 、alt 、shift 時,對應的 屬性就會為true ,

然后加上 其他鍵對應的 keyCode ,就可以判斷了

例如 shift + Enter 

doc.addEventListener('keydown',function(e){
    if(e.keyCode === 13 &&  e.shiftKey === true){
        e.preventDefault(); //阻止默認行為,會有兼容問題
        // 其他代碼
    }
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM