运用 Mousestrap 阻挠浏览器默许快捷键

在 web app 中有时刻会运用一些比较轻易的快捷键,像 ctrl + sctrl + f 这些。 这里引见一个异常有用的东西Mousestrap能够用来捕捉任何快捷键,在今后的 web app 中能够用它来捕捉捕捉快捷键。

下面简单列几个来自Tut 的教程示例:

监听单个按键

Mousetrap.bind('7', function() { // callback });
Mousetrap.bind('/', function() { // callback });
Mousetrap.bind('esc', function() { // callback });

监听按键组合

Mousetrap.bind('command+s', function(){ // callback });

同时监听多个

Mousetrap.bind(['command+s', 'ctrl+s'], function() {
  console.log('command + k or control + k');
  showBalloon('Command + K or Control + K');
  return false;
});
    原文作者:MockingBird
    原文地址: https://segmentfault.com/a/1190000002589118
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞