现在的位置: 首页 > web前端 > 正文

Mapkey插件响应键盘快捷键操作

2020年02月12日 web前端 ⁄ 共 709字 ⁄ 字号 评论关闭

Mapkey是一款基于jQuery的能响应键盘所有按键操作插件,使用起来非常简单,而且可以支持触发按键对应的自定义函数。

使用方法:

$("a#left").mapKey("left");

按住方向键←即相当于鼠标点击一个ID为left的a标签链接。

$("a#left").mapKey("a");

按住键盘的a键,即相当于鼠标点击一个ID为left的a标签链接。

$.mapKey("left", function(){ alert("你按了左方向键!"); });

按住方向键,响应自定义函数。

有时我们不需要按键操作,可以直接开启和禁用按键功能。

$.fn.mapKey.disable(); //禁用快捷按键功能 $.fn.mapKey.enable(); //启用快捷按键功能

有时需要调用第三方插件,可使用:

$("p").mapKey("down", {trigger: facebox.show});

即当按下方向键↓时,调用插件facebox的show方法。


快捷键对用的字符

注意插件中使用的键盘按键对应的字符串都是小写,如(a-z)。

数字键直接对应(0-9)。

F1-F12应转换成小写f1-f12。

方向键使用left, right, up, down

Backspace对应“back”

Control对应“ctrl”

Tab对应tab

Caps Lock对应 “caps”

Space空格对应 “space”

Enter对应 “enter”

有关该插件的更多信息请查看 https://github.com/pixelmatrix/mapkey

以上就上有关Mapkey插件响应键盘快捷键操作的全部内容,学步园全面介绍编程技术、操作系统、数据库、web前端技术等内容。

抱歉!评论已关闭.