快捷鍵(hotkey)插件--mousetrap使用筆記

1. mousetrap github地址

https://github.com/ccampbell/mousetrap

2. 文檔地址

https://craig.is/killing/mice

3. 使用筆記

Q:問題,R:解決方案

3.1 頁面中有input類型的dom節(jié)點并且在頁面上對該節(jié)點有點擊操作等

Q: 遇到input等輸入類型的dom節(jié)點,點擊后或者該節(jié)點獲取焦點后會導致快捷鍵的綁定事件被阻止,無法觸發(fā)快捷鍵的已綁定事件(checkbox,textarea等有同樣的)
R:使用mousetrap的dom節(jié)點綁定事件,將快捷鍵的操作綁定到body,這樣就算是編輯輸入框也同樣可以觸發(fā)之前綁定的快捷鍵(checkbox,textarea的問題也可以解決)

const MouseTrapBody = MouseTrap(document.body);
MouseTrapBody.bind(['shift', 'alt'], (e) => {
      console.log(e)
    }, 'keydown');
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容