javascript - Ajax /JS : Is it possible to grab value of input text without a submit button and refesh page

Question

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

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

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

Answer 1

It's possible with a script, onkeyup and a 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
});​