MouseTrap扩展插件列表

问说网 · 发布于 2015-09-10 · 字数3939 · 浏览 1053 · 评论 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.

相关链接

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

相关文章

  • 2015-09-03使用Blast.js制作网站文字动画效果
  • 2016-03-23SQLite源码中的一个潜在Bug
  • 2016-12-02Response JS创建高性能的支持移动设备的网站
  • 2016-05-14有启发好文!复杂产品的响应式设计【流程篇】
  • 2016-06-27autoComplete.js移动端自动补全jQuery插件
  • 2016-07-05angularAMD使用RequireJS和AngularJS快速构建WebApp
  • 2016-07-05环境搭建:php7.0.8 + Apache2.4 + MySQL5.7.13 + phpMyAdmin4.6.3
  • 2016-07-06Java异常处理
  • 发布评论

    为您推荐

    问说网 · 发布于 2015-12-12

    DerbyJS和Meteor两个开源框架开发者对比

    我们收到了一些比较的要求。我要感谢Nick Retallack,谁已经做了伟大的工作总结了很多这些点在我们的谷歌集团。他的许多意见都包含在这里。

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

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

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

    问说网 · 发布于 2016-12-02

    FlyJSONP轻量级的跨域AJAX请求插件

    FlyJSONP是一个JavaScript库,用于实现跨域GET和POST请求服务,支持JSONP,并取得一个JSON格式的数据响应,这个Library具有易于…

    C语言的设计模式之依赖倒置
    问说网 · 发布于 2016-03-18

    C语言的设计模式之依赖倒置

    依赖倒置:就是要依赖于抽象,不要依赖于具体。简单的说就是要求对抽象进行编程,不要对实现进行编程,这样就降低了客户与实现模块间的耦合。

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

    详解User-Agent浏览器的发展

    最早的时候有一个浏览器叫NCSA Mosaic,把自己标称为NCSA_Mosaic/2.0 (Windows 3.1),它支持文字显示的同时还支持图片,于是We…

    问说网 · 发布于 2016-12-02

    Response JS创建高性能的支持移动设备的网站

    Response JS 是一个轻量级的 jQuery 插件,用来创建高性能的支持移动设备的网站。它提供了一套语法用来根据不同的设备环境动态替换HTML代码。例如…

    说的太好了!UI设计新手7条法则助你逆袭(二)

    作者是一位UX(User Experience,用户体验)设计师,他通过自己学习UI设计的过程,总结出7条实用的法则,为UI设计新手提供了宝贵的经验。前几天分享…

    • 说的太好了!UI设计新手7条法则助你逆袭(二)
    • 说的太好了!UI设计新手7条法则助你逆袭(二)
    • 说的太好了!UI设计新手7条法则助你逆袭(二)
    • 说的太好了!UI设计新手7条法则助你逆袭(二)
    MalanSally · 发布于 2016-05-16 · 浏览 1054 · 评论 0
    jQuery Scroll Path按路径元素滚动动画插件
    问说网 · 发布于 2016-07-02

    jQuery Scroll Path按路径元素滚动动画插件

    jQuery Scroll Path是一个jQuery的滚动路径插件,可以让你自定义滚动路径。该插件是使用canvas flavored的语法来绘制路径,并且支…

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    问说网

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

    13169 文章
    496 评论
    2080 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 3203

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 2958

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 3079

    图片素材

    关注 图片素材

    文章 29463 · 浏览 2488

    高清图片

    关注 高清图片

    文章 26530 · 浏览 2700

    更多 推荐作者

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 溫柔的溫柔

    文章 91 · 评论 0

    关注 走了留下什么

    文章 110 · 评论 0

    关注 籹孒不认输

    文章 94 · 评论 0

    关注 凉城梦镜

    文章 79 · 评论 0

    
    顶部 反馈 评论 底部

    意见反馈

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

    您的反馈我们已收到!

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