MouseTrap扩展插件列表

问说网 · 发布于 2015-09-10 · 字数3939 · 浏览 954 · 评论 0

任何的公共方法可以通过MouseTrap的扩展覆盖,得到新的功能,一些好用的插件列表如下,其中某些扩展让MouseTrap更加强大和完美。

Global bindings

View or Download

This extension allows you to specify keyboard events that will work anywhere including inside textarea/input fields.

Usage looks like:

Mousetrap.bindGlobal('ctrl+s', function() {
    _save();
});

This means that a keyboard event bound using Mousetrap.bind will only work outside of form input fields, but using Moustrap.bindGlobal will work in both places.

If you wanted to create keyboard shortcuts that only work when you are inside a specific textarea you can do that too by creating your own extension.

Bind dictionary

View or Download

This extension overwrites the default bind behavior and allows you to bind multiple combinations in a single bind call.

Usage looks like:

Mousetrap.bind({
    'a': function() { console.log('a'); },
    'b': function() { console.log('b'); }
});

You can optionally pass in keypress, keydown or keyup as a second argument.

Other bind calls work the same way as they do by default.

Pause/unpause

View or Download

This extension allows Mousetrap to be paused and unpaused without having to reset keyboard shortcuts and rebind them.

Usage looks like:

// stop Mousetrap events from firing
Mousetrap.pause();
// allow Mousetrap events to fire again
Mousetrap.unpause();

Record

View or Download

This extension allows you to record keyboard shortcuts from your application. For example if you wanted to let users specify their own keyboard shortcuts for performing actions on your page you could ask them to enter a shortcut.

Usage looks like:

<button onclick="recordSequence()">Record</button>

<script>
    function recordSequence() {
        Mousetrap.record(function(sequence) {
            // sequence is an array like ['ctrl+k', 'c']
            alert('You pressed: ' + sequence.join(' '));
        });
    }
</script>

Using extensions

To use any of these extensions all you have to do is include the javascript on your page after you include Mousetrap.

相关链接

本文系作者 问说网 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2016-07-15十分钟搞清字符集和字符编码
  • 2016-02-20Fit-content给宽度不定的块元素水平居中
  • 2016-12-02FlyJSONP轻量级的跨域AJAX请求插件
  • 2016-12-02Response JS创建高性能的支持移动设备的网站
  • 2016-05-23Photoshop绘制一枚通透质感的游戏按钮
  • 2016-07-06类和对象
  • 2016-07-06Java接口和抽象类
  • 2016-07-06如何将APK安装到android模拟器中
  • 发布评论

    为您推荐

    问说网 · 发布于 2014-03-11

    响应式网页设计中5个必备的技术

    使用用于访问互联网的设备(电脑,平板电脑,智能手机的增殖……)你要确保你的网站将在每个设备可能看起来很好。在这篇文章中,我已经编译5超级有用的技术更好的,更敏感…

    问说网 · 发布于 2015-08-27

    jQuery.TosRUs初始化参数中文API文档

    默认选项的值可以通过新的值来重写方法,通过这些选项的插件是非常可定制的,而且还可以通过配置兼容触摸移动设备,常规的设置如弹出层的效果、幻灯片的切换方式等。

    用JavaScript实现给出的盒子的序列是否可连为一矩型
    AustenJuliet · 发布于 2017-01-19

    用JavaScript实现给出的盒子的序列是否可连为一矩型

    by cpglkg <script>var arr=[5,10,15];function rect(arr,width){ arr.sort(fun…

    问说网 · 发布于 2016-04-03

    使用原生JavaScript生成GUID的实现方法

    GUID(全局统一标识符)是指在一台机器上生成的数字,它保证对在同一时空中的所有机器都是唯一的。通常平台会提供生成GUID的API。生成算法很有意思,用到了以太…

    问说网 · 发布于 2016-04-14

    artTemplate超快的前端模板引擎

    artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无…

    设计师注意了!10个最常见的PHOTOSHOP误区

    今天我们总结了10个最常见的Photoshop误区,以及避开的方法,设计朋友们快来看看哦!操作菜单变成灰色?颜色看起来不对劲?当你遇到这些问题的时候,应该停下来…

    • 设计师注意了!10个最常见的PHOTOSHOP误区
    • 设计师注意了!10个最常见的PHOTOSHOP误区
    • 设计师注意了!10个最常见的PHOTOSHOP误区
    • 设计师注意了!10个最常见的PHOTOSHOP误区
    半硬不烂不熟 · 发布于 2016-05-14 · 浏览 874 · 评论 0

    好美!17套美丽时尚轻盈精细字体免费下载

    惊喜!今天给大家带来17套美丽时尚的精细字体,这些美丽的字体可以为你的设计增添活力和亮点,朋友们机会来了该更新字库了,这组精心挑选的美丽轻盈精细字体相信你也会爱…

    • 好美!17套美丽时尚轻盈精细字体免费下载
    • 好美!17套美丽时尚轻盈精细字体免费下载
    • 好美!17套美丽时尚轻盈精细字体免费下载
    • 好美!17套美丽时尚轻盈精细字体免费下载
    HowellFrederica · 发布于 2016-05-14 · 浏览 1199 · 评论 0
    AI+PS制作电商常用假日热销立体字
    FoxAnnabelle · 发布于 2016-05-17

    AI+PS制作电商常用假日热销立体字

     

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    问说网

    问说网分享与设计有关的文章素材界面和作品,提供设计教程、素材分享、界面欣赏、编程设计、设计书籍、设计师导航等内容,你可以在这里阅读、学习、分享、交流。

    13130 文章
    493 评论
    1946 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 1820

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 1751

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 1758

    图片素材

    关注 图片素材

    文章 29463 · 浏览 1257

    高清图片

    关注 高清图片

    文章 26530 · 浏览 1456

    更多 推荐作者

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 走了留下什么

    文章 110 · 评论 0

    关注 莪很迷茫

    文章 97 · 评论 0

    关注 流浪的脚步

    文章 86 · 评论 0

    关注 籹孒不认输

    文章 94 · 评论 0

    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!