javascript - 如何获取有关按下哪个键多长时间的信息？

Question

想象一下这段代码:

if (navigator.appName == "Opera")
    document.onkeypress = function (e) { console.log(e.keyCode); };
else 
    document.onkeydown = function (e) { console.log(e.keyCode); };

我猜它的作用很明显。问题是，如果您长时间持有 key ，它会被注册很多次。在我的应用程序中，这是一个问题，因为它使我的应用程序进行了大量不必要的计算。是否有可能以某种方式只获得一次 keypress，但包含有关按键持续多长时间的信息？

Answer 1

给你:

var pressed = {};

window.onkeydown = function(e) {
    if ( pressed[e.which] ) return;
    pressed[e.which] = e.timeStamp;
};

window.onkeyup = function(e) {
    if ( !pressed[e.which] ) return;
    var duration = ( e.timeStamp - pressed[e.which] ) / 1000;
    // Key "e.which" was pressed for "duration" seconds
    pressed[e.which] = 0;
};

现场演示: http://jsfiddle.net/EeXVX/1/show/

(删除 URL 的“show/”部分以查看演示代码)

所以您有 pressed 对象，它监视当前正在按下哪些键以及在什么时候(及时)按下它们。

在 keyup 处理程序中，您确定按键是否被按下，如果是，则通过减去 keyup/keydown 事件的时间戳来计算持续时间。