javascript - AJAX/JS：是否可以在没有提交按钮和刷新页面的情况下获取输入文本的值

Question

我已经搜索了无数的网站，但还没有找到一个明确的答案。也许这是不可能的。但是我正在使用一个输入框，一旦用户停止输入，它就会回显它的值。我没有相关代码，因为我想知道这是否可能？

在此示例中，我可以通过按钮提交并获取值而无需刷新。 JSfiddle

但我希望能够不使用该按钮。

Answer 1

使用脚本、onkeyup 和 timer 是可能的。

基本上你所做的是当用户开始输入时，你启动一个提交功能的计时器。每次用户在输入集中时按下一个键，您都会通过清除它并再次创建它来“推迟”计时器。一旦用户停止输入，计时器将不会被清除并且函数将运行。

var timer;

$('#yourName').on('keyup', function() {
    var value = this.value;

    clearTimeout(timer);

    timer = setTimeout(function() {

        //do your submit here
        alert('submitted:' + value);

    }, 2000); //delay after a keypress
});​