插件地址
https://github.com/ccampbell/mousetrap
或者
https://craig.is/killing/mice
使用方法
类库引用
<script src="/path/to/mousetrap.min.js"></script>
类库引入后我们就可以全局使用Mousetrap变量调用类库方法了。
要在文档中实现键盘快捷键，Mousetrap提供了一个有用的bind方法。示例如下：
<script>
// 单个按键监听
Mousetrap.bind('6', function() { console.log('4'); });
Mousetrap.bind("?", function() { console.log('show shortcuts!'); });
Mousetrap.bind('esc', function() { console.log('escape'); }, 'keyup');
// 组合键监听
Mousetrap.bind('command+shift+k', function() { console.log('command shift k'); });
// 多组组合键监听
Mousetrap.bind(['command+k', 'ctrl+k'], function() {
console.log('command k or control k');
//返回false，阻止事件冒泡
return false;
});
</script>
默认情况下，Mousetrap会在按键按下时调用回调方法。如果想更改默认行为，我们需要使用bind方法的第三个参数来修改默认调用行为，如设置在按键释放时调用：
Mousetrap.bind('enter', function() {
console.log("Enter keyboard released!");
//设置在键盘释放时调用回调
}, 'keyup');
支持按键
对于修饰键，可以使用： shift, ctrl, alt, 或 meta键.
替代键： option 替换 alt 、 command 替换 meta
特殊键： backspace, tab, enter, return, capslock, esc, escape, space, pageup, pagedown, end, home, left, up, right, down, ins, del, 和 plus
任何其它键直接使用名称，如 a, /, $, *, 或=
更多使用方法，参考官方文档：https://craig.is/killing/mice