Jquery - 如果没有按键 1 秒，则执行某些操作

Question

我正在尝试编写一个函数

-按键时显示 div

-如果用户停止输入，一秒钟后执行某些操作

$('input:text').bind('focus blur', function() {
    $('input:text').keypress(function() {
        $("#imagefield").show();
    });
});

如果用户停止输入一秒钟，我不知道如何捕获。有什么帮助吗？谢谢。

Answer 1

当用户按下某个键时启动计时器。每次他按下另一个键，就停止旧计时器并启动另一个按钮。

var keytimer;
$("input:text").keypress(function() {
  clearTimeout(keytimer);
  $("#output").empty();
  keytimer = setTimeout(doSomething, 1000);
});

function doSomething() {
  $("#output").text("Time!");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text">
<div id="output"></div>