JavaScriptイベント

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 の章では、イベントとイベント ハンドラーについて詳しく学習します。