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

jerry JQuery 2015年08月20日 收藏

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();   //启用快捷按键功能

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


$("div").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