自制简易jquery键盘监听插件
来源: 阅读:887 次 日期:2015-04-21 09:54:41
温馨提示: 小编为您整理了“自制简易jquery键盘监听插件”,方便广大网友查阅!

<script type="text/javascript" src=">

<script>

/**

* 简易键盘监听事件

* @author shine.s

*/

var KeyListener = (function(){

var _debug = false;

var _ups = {};

var _mods = {

'shift': 'shiftKey',

'ctrl': 'ctrlKey',

'alt': 'altKey',

}

var KEYS = {

'backspace': 8,

'tab': 9,

'enter': 13, 'return': 13,

'pause': 19,

'caps': 20, 'capslock': 20,

'escape': 27, 'esc': 27,

'space': 32,

'pgup': 33, 'pageup': 33,

'pgdown': 34, 'pagedown': 34,

'end': 35,

'home': 36,

'ins': 45, 'insert': 45,

'del': 46, 'delete': 46,

'left': 37,

'up': 38,

'right': 39,

'down': 40,

'*': 106,

'+': 107, 'plus': 107,

'-': 109, 'minus': 109,

';': 186,

'=': 187,

',': 188,

'.': 190,

'/': 191,

'`': 192,

'[': 219,

'\': 220,

']': 221,

"'": 222

}

var i;

//小键盘

for (i = 0; i < 10; i++) {

KEYS['num-' + i] = i + 96;

}

//数字

for (i = 0; i < 10; i++) {

KEYS[i.toString()] = i + 48;

}

// f1-f24

for (i = 1; i < 25; i++) {

KEYS['f' + i] = i + 111;

}

//字母

for (i = 65; i < 91; i++) {

KEYS[String.fromCharCode(i).toLowerCase()] = i;

}

function addListener(keycode, callBack) {

if(typeof(keycode) == 'object') {

$.each(keycode, function(k,v){

_ups[k] = v;

})

} else {

_ups[keycode] = callBack;

}

}

function proccess(e) {

keycode = e.which ? e.which : e.keyCode;

if(_debug) {

console.log("Now: "+keycode);

}

$.each(_ups, function(k,v) {

var kArr = k.split('+');

flag = true;

if(kArr.length>1) {

for(var i=0; i<kArr.length-1; i++) {

var spec = kArr[i];

if(_mods[spec]) {

var flag = flag && e[_mods[spec]];

}

}

var k = kArr[kArr.length-1];

}

if(KEYS[k] == 'undefined') {

return true;

}

if(flag && keycode == KEYS[k]) {

return v();

}

})

}

if(_ups) {

$(document).keyup(proccess);

}

function debug() {

_debug = true;

}

return {

debug: debug,

addListener: addListener,

};

})();

//test-demo

$(function(){

KeyListener.addListener('c', c);

KeyListener.addListener({

'left': left,

'right': function(){

right(1, 6);

},

'shift+alt+f': d,

'shift+e': e,

});

function left() {

console.log('test');

}

function right(a, b) {

console.log(a+b);

}

function c() {

console.log('c');

}

function d() {

console.log('D');

}

function e() {

console.log('e');

}

})

</script>

更多信息请查看IT技术专栏

更多信息请查看网络编程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map