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

Question

I have searched countless of sites but havent come upon a definite answer. Maybe this is not possible. But I am working with an input box that will echo its value once the user stops typing. I dont have relevant code since I want to find out if this possible?

Here in this example I can submit trhrough a button and get the value without a refresh. JSfiddle

But I would like to be able to not use the button.

Answer 1

It's possible with a script, onkeyup and a timer .

Basically what you do is when a user starts typing, you fire up a timer for a submit function. Every time the user presses a key when the input is focused, you "postpone" the timer by clearing it and creating it again. Once the user stops typing, the timer won't be cleared and the function will run.

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
});​