自動的にテキストボックスの内容を保存する

Question

私は、ユーザーがテキストを入力できるテキストボックスを持っています。テキストボックスがある領域は、ユーザーの操作に応じて異なるHTMLで再読み込みすることができます。また、ユーザーが戻ったときにユーザーが入力した内容をテキストボックスに "記憶"します。

問題は、ユーザーがテキストボックスから離れてナビゲートできるさまざまな方法があることから始まります。テキストボックスを消去すると、さまざまなHTMLセグメントを操作領域に読み込むことができます。

アンロードされたときにテキストボックスの内容を保存する方法はありますか？テキストボックスに相当するonUnload（）イベントがありますか？

私はそれが私の問題を解決するだろう見ることができる2つの方法があります。

更新テキストはいつでもユーザーが何でもメモリに保存されている
1. セットアップテキストボックスのウォッチドッグ機能が。
2. 操作領域をリロードするすべての関数にsaveText（）呼び出しを追加します。

どちらも特に魅力的ではありません。これを行うよりエレガントな方法はありますか？

おかげで、

Answer 1

onchangeは、あなたが探しているものです。ユーザーがテキストボックスを終了すると、changeイベントが発生します。 blurとfocusoutは、テキストフィールドの内容が変更されていないときに起動するので

onchangeは、onblurまたはfocusoutより良い選択です。

基本的な例：非埋め込み要素のため

var textarea = document.getElementById("myTextfield"); 
textarea.onchange = function(ev){ 
    call_function_that_saves(this.value); 
} 

unloadイベントが存在しません。そのようなイベントハンドラが存在し、巨大なページがアンロードされたときに何が起こるかを考えてください。