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