javascript - JScriptを使用して3秒以上何も入力せず、データベースに保存する場合にユーザー入力テキストボックスの値を取得する方法

Question

ユーザーが3秒以上入力を停止した場合、テキストボックスからユーザー入力をキャプチャする必要があるアプリケーションを開発しています。javascript を使用してそのテキストをキャプチャし、それを mysql db に保存する必要があることを意味します... plz 助けてください。

 Thank you.....

Answer 1

イベントを入力に添付します (例: キーアップ、キーダウン、キープレス)。そこで、コールバックを使用して setTimeout を設定します。もちろん、タイムアウト ID は var に格納されます (window.type_timeout など)。setTimeout コールバックは、3 秒間の非アクティブ状態の後、必要なことを行います。

ここから始められます。例（jQueryを使用）：

$('input').on('keyup',function(){
    if( window.type_timeout ) clearTimeout( window.type_timeout );
    window.type_timeout = setTimeout( do_stuff , 3000 , this /* extra data */ );
});

function do_stuff( input ){ /* do your stuff */ }

Answer 2

setTimeout を使用します。W3 学校には、 JavaScript のタイミングに関する非常に優れたリファレンスがあります。

<script>
    inputSaveTimeout = null;
    function DoSomething() {
        window.clearTimeout(inputSaveTimeout);
        alert('I just did something');
    }
    function Updated(e) {
        window.clearTimeout(inputSaveTimeout);
        inputSaveTimeout = setTimeout(Save, 3000, e.value);
    }
    function Save(data) {
        alert('Saved: ' + data);
    }
</script>
<input type="text" onkeydown="Updated(this);" /><input type="button" value="Do Something" onclick="DoSomething(); return false;" />