查看以下JavaScript 文件。如果你向下滚动到第 530 行，你会发现以下类：
var Keyboard = new Class(function (constructor) {
var key = {};
var eventListener = {
keyup: {},
keydown: {},
keypress: {}
};
constructor.overload(["Number"], function (interval) {
setInterval(keypress, interval);
});
window.addEventListener("keyup", keyup, false);
window.addEventListener("keydown", keydown, false);
function keyup(event) {
var keyCode = event.keyCode;
var listener = eventListener.keyup[keyCode];
key[keyCode] = false;
if (listener)
listener();
}
function keydown(event) {
var keyCode = event.keyCode;
var listener = eventListener.keydown[keyCode];
key[keyCode] = true;
if (listener)
listener();
}
function keypress() {
for (var code in key) {
var listener = eventListener.keypress[code];
if (key[code] && listener) listener();
}
}
this.addEventListener = new Dispatcher(["String", "Number", "Function"], function (type, keyCode, listener) {
type = eventListener[type];
if (type) type[keyCode] = listener;
else throw new Error("Unexpected value for type.");
});
});
作者所做的是他创建了一个特殊的Keyboard类来委派关键事件keyup：keydown和keypress。该类只有一个构造函数，它接受一个参数 -keypress事件的间隔（这是你想要的）。addEventListener您可以使用类实例的方法添加事件侦听器Keyboard：
var keyboard = new Keyboard(125); // fire key press 8 times a second.
keypress.addEventListener("keypress", 65, function () {
// do something every time A is pressed
});
请注意，上述类依赖于以下框架：Lambda JS。您可以在此处查看上述脚本的工作演示。希望这可以帮助。
更新1：
您的代码在 Opera 中不起作用。此外，第二个事件在 Firefox 中额外延迟 500 毫秒后触发，并且连续事件不会保持相同的间隔。另外它不能同时处理多个关键事件。让我们纠正这个问题：
首先，我们需要为Delta Timing创建一个简单的脚本，以便在恒定间隔后触发关键事件。我们使用以下代码片段来创建DeltaTimer：
function DeltaTimer(render, interval) {
var timeout;
var lastTime;
this.start = start;
this.stop = stop;
function start() {
timeout = setTimeout(loop, 0);
lastTime = Date.now();
return lastTime;
}
function stop() {
clearTimeout(timeout);
return lastTime;
}
function loop() {
var thisTime = Date.now();
var deltaTime = thisTime - lastTime;
var delay = Math.max(interval - deltaTime, 0);
timeout = setTimeout(loop, delay);
lastTime = thisTime + delay;
render(thisTime);
}
}
接下来我们编写触发自定义keypressed事件的逻辑。我们需要自定义事件，因为我们必须能够同时处理多个键：
(function (interval) {
var keyboard = {};
window.addEventListener("keyup", keyup, false);
window.addEventListener("keydown", keydown, false);
function keyup(event) {
keyboard[event.keyCode].pressed = false;
}
function keydown(event) {
var keyCode = event.keyCode;
var key = keyboard[keyCode];
if (key) {
if (!key.start)
key.start = key.timer.start();
key.pressed = true;
} else {
var timer = new DeltaTimer(function (time) {
if (key.pressed) {
var event = document.createEvent("Event");
event.initEvent("keypressed", true, true);
event.time = time - key.start;
event.keyCode = keyCode;
window.dispatchEvent(event);
} else {
key.start = 0;
timer.stop();
}
}, interval);
key = keyboard[keyCode] = {
pressed: true,
timer: timer
};
key.start = timer.start();
}
}
})(1000);
interval设置为1000ms，但您可以更改它。最后注册一个我们做的事件：
window.addEventListener("keypressed", function (event) {
document.body.innerHTML += event.keyCode + " (" + event.time + " ms)<br/>";
}, false);
这是简单而高效的 JavaScript。不需要 jQuery。你可以在这里看到现场演示，看看你的脚本和我的脚本之间的区别。干杯。
更新 2：
查看 StackOverflow 上的另一个问题，这是使用上述模式实现它的方式：
window.addEventListener("keypressed", function (event) {
switch (event.keyCode) {
case 37:
Move(-1, 0);
break;
case 38:
Move(0, -1);
break;
case 39:
Move(1, 0);
break;
case 40:
Move(0, 1);
break;
}
}, false);
使用上面的代码将消除您遇到的短暂延迟，并允许同时为不同的键触发多个事件。