javascript - 如何检测在 javascript 中按下 x 秒的键？

Question

我需要检测用户何时按住按钮 X 秒并调用 JavaScript 中的函数。你能给我指出正确的方向吗？

Answer 1

您可以使用 a setTimeout function keydown 事件将在 X 秒后触发，以比较触发事件的时间与上次触发 keyup 的时间 - 如果在全部。

var lastKeyUpAt = 0;

$(elem).on('keydown', function() {
    // Set key down time to the current time
    var keyDownAt = new Date();

    // Use a timeout with 1000ms (this would be your X variable)
    setTimeout(function() {
        // Compare key down time with key up time
        if (+keyDownAt > +lastKeyUpAt)
            // Key has been held down for x seconds
        else
            // Key has not been held down for x seconds
    }, 1000);
});

$(elem).on('keyup', function() {
    // Set lastKeyUpAt to hold the time the last key up event was fired
    lastKeyUpAt = new Date();
});

elem 这里是您要处理事件的元素。

JSFiddle demo .