1. mousetrap github地址
https://github.com/ccampbell/mousetrap
2. 文档地址
3. 使用笔记
Q:问题,R:解决方案
3.1 页面中有input类型的dom节点并且在页面上对该节点有点击操作等
Q: 遇到input等输入类型的dom节点,点击后或者该节点获取焦点后会导致快捷键的绑定事件被阻止,无法触发快捷键的已绑定事件(checkbox,textarea等有同样的)
R:使用mousetrap的dom节点绑定事件,将快捷键的操作绑定到body,这样就算是编辑输入框也同样可以触发之前绑定的快捷键(checkbox,textarea的问题也可以解决)
const MouseTrapBody = MouseTrap(document.body);
MouseTrapBody.bind(['shift', 'alt'], (e) => {
console.log(e)
}, 'keydown');