Firefox在事件修改方面做了奇怪的事情

时间:2014-11-27 09:00:44

标签: javascript google-chrome firefox events

我已经为我的2d'框架进行了一次keydown事件修改。

window.addEventListener('keydown', function(e) {
    e = e || window.event;

    e.key = that.keyCodeToKeyName[e.keyCode];

    fireEvent('keydown', e);
});

其中that.keyCodeToKeyName是

that.keyCodeToKeyName = {8: 'backspace', 9: 'tab', 13: 'enter', 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: 'delete', 48: '0', 49: '1', 50: '2', 51: '3', 52: '4', 53: '5', 54: '6', 55: '7', 56: '8', 57: '9', 65: 'a', 66: 'b', 67: 'c', 68: 'd', 69: 'e', 70: 'f', 71: 'g', 72: 'h', 73: 'i', 74: 'j', 75: 'k', 76: 'l', 77: 'm', 78: 'n', 79: 'o', 80: 'p', 81: 'q', 82: 'r', 83: 's', 84: 't', 85: 'u', 86: 'v', 87: 'w', 88: 'x', 89: 'y', 90: 'z', 96: 'numpad0', 97: 'numpad1', 98: 'numpad2', 99: 'numpad3', 100: 'numpad4', 101: 'numpad5', 102: 'numpad6', 103: 'numpad7', 104: 'numpad8', 105: 'numpad9', 112: 'f1', 113: 'f2', 114: 'f3', 115: 'f4', 116: 'f5', 117: 'f6', 118: 'f7', 119: 'f8', 120: 'f9', 121: 'f10', 122: 'f11', 123: 'f12'};

所以,如果我,在Chrome中,请致电

_.on('keydown', function(e) {       
    if (e.key === 'space' && paused)
        return newRound();

    keys[e.key] = true;
});
例如,'左,' ctrl',' n',...

但在Firefox中,字符串的第一个字母是大写的?!任何人都知道为什么会这样?

我也试过在我自己的监听器函数中获取键名:

_.on('keydown', function(e) {
    var key = _.keyCodeToKeyName[e.keyCode];

    if (key === 'space' && paused)
        return newRound();

    keys[key] = true;
});

适用于两种浏览器。

1 个答案:

答案 0 :(得分:1)

这是因为 event.key 是Firefox中的有效属性。将函数作为参数传递给函数或使用其他属性名称