jQuery热键插件不适用于单个字符(从a到z)
jQuery hotkey plugin does not work for single characters (from a to z)
这是jsfiddle:http://jsfiddle.net/2QEdS/
我使用这段JS代码来执行热键:https://github.com/jeresig/jquery.hotkeys/blob/master/jquery.hotkeys.js
但是,它适用于 f4 等键,但不像 a 或 Ctrl +a 那样工作。 有人可以帮忙看看吗?jsfiddle 中的代码是:
/*
* jQuery Hotkeys Plugin
* Copyright 2010, John Resig
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Based upon the plugin by Tzury Bar Yochay:
* http://github.com/tzuryby/hotkeys
*
* Original idea by:
* Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
*/
/*
* One small change is: now keys are passed by object { keys: '...' }
* Might be useful, when you want to pass some other data to your handler
*/
(function(jQuery){
jQuery.hotkeys = {
version: "0.8",
specialKeys: {
8: "backspace", 9: "tab", 10: "return", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause",
20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home",
37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del",
96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7",
104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/",
112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8",
120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 186: ";", 191: "/",
220: "''", 222: "'", 224: "meta"
},
shiftNums: {
"`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&",
"8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "'"", ",": "<",
".": ">", "/": "?", "''": "|"
}
};
function keyHandler( handleObj ) {
if ( typeof handleObj.data === "string" ) {
handleObj.data = { keys: handleObj.data };
}
// Only care when a possible input has been specified
if ( !handleObj.data || !handleObj.data.keys || typeof handleObj.data.keys !== "string" ) {
return;
}
var origHandler = handleObj.handler,
keys = handleObj.data.keys.toLowerCase().split(" "),
textAcceptingInputTypes = ["text", "password", "number", "email", "url", "range", "date", "month", "week", "time", "datetime", "datetime-local", "search", "color", "tel"];
handleObj.handler = function( event ) {
// Don't fire in text-accepting inputs that we didn't directly bind to
if ( this !== event.target && (/textarea|select/i.test( event.target.nodeName ) ||
jQuery.inArray(event.target.type, textAcceptingInputTypes) > -1 ) ) {
return;
}
var special = jQuery.hotkeys.specialKeys[ event.keyCode ],
// character codes are available only in keypress
character = event.type === "keypress" && String.fromCharCode( event.which ).toLowerCase(),
modif = "", possible = {};
// check combinations (alt|ctrl|shift+anything)
if ( event.altKey && special !== "alt" ) {
modif += "alt+";
}
if ( event.ctrlKey && special !== "ctrl" ) {
modif += "ctrl+";
}
// TODO: Need to make sure this works consistently across platforms
if ( event.metaKey && !event.ctrlKey && special !== "meta" ) {
modif += "meta+";
}
if ( event.shiftKey && special !== "shift" ) {
modif += "shift+";
}
if ( special ) {
possible[ modif + special ] = true;
}
if ( character ) {
possible[ modif + character ] = true;
possible[ modif + jQuery.hotkeys.shiftNums[ character ] ] = true;
// "$" can be triggered as "Shift+4" or "Shift+$" or just "$"
if ( modif === "shift+" ) {
possible[ jQuery.hotkeys.shiftNums[ character ] ] = true;
}
}
for ( var i = 0, l = keys.length; i < l; i++ ) {
if ( possible[ keys[i] ] ) {
return origHandler.apply( this, arguments );
}
}
};
}
jQuery.each([ "keydown", "keyup", "keypress" ], function() {
jQuery.event.special[ this ] = { add: keyHandler };
});
})( this.jQuery );
jQuery(document).bind("keyup", "f4", function(){
alert("f4");
})
jQuery(document).bind("keyup", "a", function(){
alert("a");
})
谢谢。
你可以将
"a"添加到specialKeys对象中。我在这里添加了它,它似乎工作正常。http://jsfiddle.net/2QEdS/1/
specialKeys: {
8: "backspace", 9: "tab", 10: "return", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause",
...
220: "''", 222: "'", 224: "meta", 65: "a", 66: "b"
},
实际上,这在这个分叉中是固定的:
https://github.com/YuppY/jquery.hotkeys
此拉取请求将在原始项目中修复它
https://github.com/jeresig/jquery.hotkeys/pull/31
相关文章:
- 仅在单个页面中运行字符计数javascript函数
- Google Web App 将单元素数组视为单个字符的数组
- 在 JavaScript 时钟中的单个字符之前添加填充 0
- 多个捕获组同时忽略单个字符
- 替换转义字符中的单个反斜杠
- 删除错误.MongooDB + Express.传入的参数必须是 12 个字节的单个字符串或 24 个十六进制字符的字符
- 正则表达式 - 匹配除单个数字之外的所有字母数字字符
- Javascript:测试单个字符在正则表达式字符串中找到
- 在 JavaScript 中按字符串开头或单个字符进行匹配
- JavaScript 正则表达式,用于检查单个特殊字符是否在字符串中出现一次
- jQuery热键插件不适用于单个字符(从a到z)
- 使用 jquery,匹配单个字符后跟冒号并换行 span 标记
- 突出显示单个字符,然后将屏幕刷新为仅这些字符
- RegEx将可变数量的字符替换为单个字符
- 突出显示ace中的单个字符
- 检查是将单个字符更改为字符串,还是将其更改为多个字符
- 在多维数组上循环输出单个字符
- 如何检测文本中单个字符的onclick()或类似字符
- 如果字符串是单个字符,则替换字符串,如果后跟另一个字符,则不替换字符串
- 将整数和字符串连接到单个字符串