mousetrap是一款添加键盘快捷键的简单js插件

mousetrap是一款添加键盘快捷键的简单js插件

mousetrap是一款添加键盘快捷键的简单js插件,压缩后约2kb,非常轻便,支持ie6+、火狐苹果chrome浏览器。

使用方式:

第一步引入mousetrap.min.js

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/mousetrap.min.js"></script>

第二步配置参数

Mousetrap.bind('4', function() { 
  console.log('4'); 
});

完整代码:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/mousetrap.min.js"></script>
    <script type="text/javascript">
        Mousetrap.bind('4', function() { 
        console.log('4'); 
    });
    
    Mousetrap.bind("?", function() { 
        console.log('show shortcuts!'); 
    });
    
    Mousetrap.bind('alt+a', function() { 
        alert("You pressed ALT+A !");
    });
    
    Mousetrap.bind('command+shift+k', function() {
        console.log('command shift k !'); 
    });
    
    Mousetrap.bind(['command+k', 'ctrl+k'], function() {
        console.log('command || ctrl k !'); 
    });
    </script>
    <style>
    </style>
</head>

<body>

</body>

</html>



立即下载mousetrap.min.js查看所有js插件

网友评论0

程序员在线工具箱