有些時候,我們需要在網頁上,增加一些快捷按鍵,方便用戶使用一些常用的操作,比如:保存,撤銷,復制、粘貼等等。
我們所熟悉的按鍵有這么集中類型:
- 單獨的按鍵操作,如: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(); //阻止默認行為,會有兼容問題 // 其他代碼 } });