僕の毎日を、思い出として書き残す。
何一つ役立つものはないが・・・
window.onload = function() {
ClearText();
}
window.onunload = function() {
ClearText();
}
今回のコードのメインは上記のもので、中核はこの一行だけです。
document.getElementById("input1").value = "";
これをいつ実行するのかに、ちょっと戸惑いました。
onload これはページの表示が完了した時点で実行する事です。
また一方、onUnloadはページが切り替わった時に実行する事です。
Firefoxでは戻る動作で、すべてキャッシュで再現するようなのでonloadが機能しません。
すなわちJavaScriptの動作結果までもキャッシュされるようなので、新たな動作をしないと言う事になります。
つまり、完全にコピーされたページを静的に表示するような感じでしょうか。
ユーザーが新たに何かのアクションを起こさない限り、写真に撮ったページを表示するだけ。
ところがIeではそういった事が起こらず、JavaScriptが初期化されて動くのでしょうね。
onload と onUnload ここではUnと大文字で分かりやすく書き分けますが、小文字が正しいです。
実際に試してみると、Ieでは onUnload が上手く動かないようでした。
そのため似たようではありますが、全く異なる動作をする二つのコードを書いてあります。
さて、このコードを使うにはinput要素に id を付ける必要があります。
この例では、id = "input1" としてありますので、まこさんのセンスでお好きなように変更してください。
なお御存知のとおりidは一意のものですから、同じ名づけを重複する事はできませんので。