dom:loaded [prototype.js]
dom:loadedは、prototype.jsの拡張イベントです。通常ページを読み込まれた後にJavaScriptを実行するには、loadイベントを使いますが、サイズの大きい画像ファイルなどが存在すると、loadイベントが発生するまで時間がかかります。この場合、dom:loadedイベントを利用すると、ユーザビリティが向上します。ただし、ブラウザの仕様によって動作のタイミングは違います。
書式Event.observe(document, "dom:loaded",実行させたい関数);
[サンプル]
dom:loadedイベント発生直後にボタンが押せるようにする（clickイベントを検知）。
HTML
<form> <input id="btn" type="button" value="書き換え" /> </form> <br /> <div id="contents">ここを書き換えます</div>
JavaScript
Event.observe(document, "dom:loaded", function(){
Event.observe("btn", "click", function(){
$("contents").innerHTML = "prototype.jsで書き換えました";
},false);
},false);
Loading ...
