在输入标签中没有活动后2秒消防javascript功能

Question

是否可以使用javascript 检查用户是否在超过两秒的时间内没有输入文本<input/>标签？

<input type="text" onKeyUp="check_last_active()" />

该功能应在用户最后一次输入<input/>标签后2秒触发某些事件(警报),从而重置之前的任何计时器功能.

Answer 1

var timer;
function onInput() {
    clearTimeout(timer);
    timer = setTimeout(functionToRunAfter2Seconds.bind(this), 2000);
}

inputElement.addEventListener('input', onInput, false);

输入事件用于输入元素和textarea元素(假设您使用了一个).

您需要清除超时,以便在他们再次开始输入时重置计时器.

如果你想要jQuery方式....

$('#idOfInputOrTextarea').on('input', onInput);