JavaScript イベント
HTML イベントは、HTML 要素で発生するものです。
JavaScript を HTML ページで使用すると、これらのイベントをトリガーできます。
HTML イベント
HTML イベントは、ブラウザーのアクションまたはユーザーのアクションです。
以下は HTML イベントの例です:
HTML ページの読み込みが完了する
HTML 入力フィールドが変更される
HTML ボタンがクリックされる
通常、イベントが発生すると、何かを行うことができます。
JavaScript は、イベントがトリガーされたときに一部のコードを実行できます。
イベント属性は HTML 要素に追加でき、HTML 要素は JavaScript コードを使用して追加できます。
一重引用符:
二重引用符:
次の例では、onclick 属性 (およびコード) がボタン要素に追加されます:
php中文网(php.cn) 现在的时间是?
上記の例では、JavaScript コードid="demo" 要素の内容が変更されます。
次の例では、コードは独自の要素のコンテンツを変更します (this.innerHTML を使用):
php中文网(php.cn) 现在的时间是?
JavaScript コードは通常、数行のコードです。より一般的なイベントは、イベント属性を通じて呼び出されます:
一般的な HTML イベント
以下は、いくつかの一般的な HTML イベントのリストです:
イベント 説明
変更時
クリック時ユーザーがキーボード ボタンを押します
onload ブラウザがページの読み込みを完了しました
JavaScript でできること
イベントはフォーム検証、ユーザー入力、ユーザー動作、ブラウザーアクションの処理に使用できます:
ページの読み込み時にイベントがトリガーされます
ページの読み込み時にイベントがトリガーされますクローズ
ユーザーがボタンをクリックしてアクションを実行
ユーザー入力の有効性を検証
など...
JavaScriptイベントコードを実行するには複数のメソッドを使用できます:
HTMLイベント属性はJavaScriptコードを直接実行できます
HTML イベント属性は JavaScript 関数を呼び出すことができます
HTML 要素に独自のイベント ハンドラーを指定できます
イベントの発生を防ぐことができます。
その他...
HTML DOM の章では、イベントとイベント ハンドラーについて詳しく学習します。
次のセクション