HTML DOM - イベント
イベントは、JavaScriptで検出できるアクションです。
イベント
Webページのすべての要素は、JavaScript関数を起動することができる、或るイベントを持っています。
例えば、ユーザがボタンをクリックした時に、関数の実行を指示するため、ボタン要素のonClickイベントを使用することができます。HTML要素にイベントを定義します。
イベントの例:
- マウス・クリック
- webページやイメージのロード
- Webページのホットスポットの上のマウス
- HTMLフォームの入力ボックスの選択
- HTMLフォームのサブミット
- 打鍵
注: 通常、イベントは関数と組合わせて使用し、イベントが発生する前に、関数は実行されません!
onloadとonUnload
onloadとonUnloadイベントは、ユーザがページに入るか、または立去る時に起動されます。
onloadイベントは、訪問者のブラウザタイプとバージョンをチェックし、
その情報に基づいてWebページの適切なバージョンをロードするためによく使用されます。
onloadとonUnloadイベント双方は、ユーザがページに入るか、または立去る時に設定するクッキーを扱うためにもよく使用されます。
例えば、あなたのページに最初に訪れたユーザに、名前を尋ねるポップアップを表示することができます。
名前はその時クッキーに格納します。 次回、その訪問者がページに来たときに、別のポップアップに、
次のように言わせてることができます: "Welcome John Doe!".
onFocus, onBlurおよびonChange
onFocus、onBlur、およびonChangeイベントは、フォームフィールドの妥当性確認との組合せでよく使用されます。
下は、どのようにonChangeイベントを使用するかの例です。
checkEmail()関数は、ユーザがe-mailフィールドの内容を変更する場合、いつもコールされます:
E-mail:
<input type="text"
id="email" onchange="checkEmail()" />
|
イベント・リファレンス
各イベントの完全な説明と例は、HTML DOMイベントリファレンスを参照してください。
|