ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

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イベントリファレンスを参照してください。


« 前章へ 次章へ »