快捷键码每个功能(keycode shortcut each function)

我在一个小的脚本还努力捕捉的KeyEvents，轻松地绑定在他们的功能。 但我坚持现在！

问题是，如果我initalize不止一个“事件处理程序”，它的参数会取代从第一初始化。

数千字不说比一些代码行更多。 所以，这里是我到目前为止已经完成：

var keyCodes={a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90,"0":48,"1":49,"2":50,"3":51,"4":52,"5":53,"6":54,"7":55,"8":56,"9":57,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123,shift:16,ctrl:17,control:17,alt:18,option:18,opt:18,cmd:224,command:224,fn:255,"function":255,backspace:8,"delete":8,enter:13,"return":13,left:37,up:38,right:39,down:40};

var keyCall = function(k, fn, c, e, k2, nk) {
    this.onkeydown = function() {
        nk = k.split(" ");
        c = e ? e.which : event.keyCode;
        if (nk.length > 1) {
            if (keyCodes[nk[0]] === c) {
                k2 = true;
            }
            if (keyCodes[nk[1]] === c && k2 === true) {
                fn();
                k2 = false;
            }
        } else if (keyCodes[nk[0]] === c) {
            fn();
        }
    };
};


keyCall('ctrl a', function() { // overridden by `keyCall('shift a'`
    alert('callback1');
});

keyCall('shift a', function() {
    alert('callback2');
});

我已经优化了它高度最低的字节，如果你认为一个注释版本是有用的，所以才说出来！ 对于大家谁需要，这里有一个小提琴

更新

pascalfree已经定了！ 但anoter的问题现在已经来了......

在“占位符” -variable k2检查第一关键是按下/。 但现在，如果你按下并释放ctrl ，然后打了a -键的功能将被解雇。 有任何想法吗？

Answer 1:

我假设onkeypress事件事件势必一些像这样的HTML元素：

keyCall.apply( window.body, ['shift a', function() { alert('a') }] );

为了添加额外的事件，你可以检查一个事件处理程序已经被定义，并调用它在你的新功能：

var keyCall = function(k, fn, c, e, k2, nk) {
    var oldOnkeydown = this.onkeydown; //get old event handler
    this.onkeydown = function() {
        if( typeof oldOnkeydown == "function" ) { oldOnkeydown() } //call in new eventhandler.
        nk = k.split(" ");
        c = e ? e.which : event.keyCode;
        if (nk.length > 1) {
            if (keyCodes[nk[0]] === c) {
                k2 = true;
            }
            if (keyCodes[nk[1]] === c && k2 === true) {
                fn();
                k2 = false;
            }
        } else if (keyCodes[nk[0]] === c) {
            fn();
        }
    };
    //reset k2 onkeyup
    var oldOnkeyup = this.onkeyup;
    this.onkeyup = function() {
      if( typeof oldOnkeyup == "function" ) { oldOnkeyup() }
      k2 = false;
    };
};

我只加了2号线与评论。 （+ onkeyup事件在端部来解决从评论问题）

来源： http://www.webreference.com/programming/javascript/onloads/index.html

文章来源: keycode shortcut each function