javascript - 几毫秒后使用 jQuery 获取输入值

Question

我想获取输入字段的值并发送 ajax 请求。如果我使用 keyup 或 keypress 或 change，该值立即可用并发送请求。我想等待用户，例如1 或 2 秒，以便他键入整个单词，然后发送一个 ajax 请求。 我的代码是这样获取值的。谢谢。

    var timeout = window.setTimeout(function() {
        $('input#search').keyup(function() {
            var key = $("#search").val();
            console.log(key);
        });

    }, 1000);
    clearTimeout(timeout);

Answer 1

您需要使用计时器，然后在用户输入时使用 clearTimeout 重置它。这段代码会做你想做的，这里是一个 jsFiddle .

var Timer;

function Start() {

    $('#TheInput').keyup(function () {

        clearTimeout(Timer);
        Timer = setTimeout(SendRequest, 1000);
    });
}


function SendRequest() {

    var key = $("#TheInput").val();    
    alert(key);
}

$(Start);