JavaScriptのイベント
HTMLイベントは、HTML要素のものに行われました。
HTMLページではJavaScriptを使用している場合、JavaScriptはこれらのイベントをトリガすることができます。
HTMLイベント
HTMLイベントは、ブラウザの動作は、ユーザの行動することができますすることができます。
HTMLイベントの例を以下に示します。
- HTMLページがロードが完了します
- ときに、HTML入力フィールドの変更
- HTMLボタンがクリックされます
イベントが発生した場合、通常、あなたが何かを行うことができます。
イベントがトリガされるとJavaScriptは、いくつかのコードを実行することができます。
HTMLエレメントは、HTML要素を追加するJavaScriptコードを使用してイベント属性に追加することができます。
単一引用符:
<一部-HTML要素いくぶんイベント= 'いくつかのJavaScript'>
二重引用符:
<一部-HTML要素いくぶんイベント= "いくつかのJavaScript">
次の例では、ボタン要素はonclickの属性(プラスコード)を追加しました:
上記の例では、JavaScriptコードのコンテンツID = "デモ"要素。
次の例では、コードは( この.innerHTMLを使用して)要素自体の内容を変更します:
JavaScriptコードは通常、数行のコードです。 より一般的にはイベントプロパティによって呼び出されます。 |
共通のHTMLイベント
ここではいくつかの一般的なHTMLのイベントのリストです:
イベント | 説明 |
---|---|
onchange | HTML要素の変更 |
onclickの | HTML要素をユーザーがクリック |
onmouseover属性 | ユーザーがHTML要素上でマウスを動かします |
れるonmouseout | ユーザーがHTML要素からマウスを移動します |
onkeydownを | ユーザがキーを押します |
onloadイベント | ブラウザがページの読み込みが完了しました |
もっとイベントリスト: JavaScriptのリファレンス- HTML DOMイベント 。
何をしてJavaScriptを行うことができますか?
イベントは、フォームの検証、ユーザ入力、ユーザーの行動やブラウザアクションを処理するために使用することができます。
- イベントがトリガされたときに、ページのロードを
- イベントがトリガされたときにページを閉じます
- ユーザーがアクションを実行するボタンをクリックします
- ユーザー入力の正当性を検証します
- 以下のように...
あなたはJavaScriptイベントコードを実行するための様々な方法を使用することができます。
- HTMLイベント属性は、直接JavaScriptコードを実行することができます
- HTMLイベント属性はJavaScript関数を呼び出すことができます
- あなたは、HTML要素のための独自のイベントハンドラを指定することができます
- あなたは、イベントの発生を防止することができます。
- 以下のように...
HTML DOMの章では、イベントとイベントハンドラの知識についての詳細を学びます。 |