JavaScript イベント

HTML イベントは、HTML 要素で発生するものです。

JavaScript を HTML ページで使用すると、これらのイベントをトリガーできます。

HTML イベント

HTML イベントは、ブラウザーのアクションまたはユーザーのアクションです。

以下は HTML イベントの例です:

HTML ページの読み込みが完了する

HTML 入力フィールドが変更される

HTML ボタンがクリックされる

通常、イベントが発生すると、何かを行うことができます。

JavaScript は、イベントがトリガーされたときに一部のコードを?qū)g行できます。

イベント屬性は HTML 要素に追加でき、HTML 要素は JavaScript コードを使用して追加できます。

一重引用符:

二重引用符:

次の例では、onclick 屬性 (およびコード) がボタン要素に追加されます:

  php中文網(wǎng)(php.cn) 現(xiàn)在的時(shí)間是?

上記の例では、JavaScript コードid="demo" 要素の內(nèi)容が変更されます。

次の例では、コードは獨(dú)自の要素のコンテンツを変更します (this.innerHTML を使用):

  php中文網(wǎng)(php.cn) 現(xiàn)在的時(shí)間是?

JavaScript コードは通常、數(shù)行のコードです。より一般的なイベントは、イベント屬性を通じて呼び出されます:

一般的な HTML イベント

以下は、いくつかの一般的な HTML イベントのリストです:

イベント 説明

変更時(shí)

クリック時(shí)ユーザーがキーボード ボタンを押します

onload ブラウザがページの読み込みを完了しました

JavaScript でできること

イベントはフォーム検証、ユーザー入力、ユーザー動(dòng)作、ブラウザーアクションの処理に使用できます:

ページの読み込み時(shí)にイベントがトリガーされます

ページの読み込み時(shí)にイベントがトリガーされますクローズ

ユーザーがボタンをクリックしてアクションを?qū)g行

ユーザー入力の有効性を検証

など...

JavaScriptイベントコードを?qū)g行するには複數(shù)のメソッドを使用できます:

HTMLイベント屬性はJavaScriptコードを直接実行できます

HTML イベント屬性は JavaScript 関數(shù)を呼び出すことができます

HTML 要素に獨(dú)自のイベント ハンドラーを指定できます

イベントの発生を防ぐことができます。

その他...

HTML DOM の章では、イベントとイベント ハンドラーについて詳しく學(xué)習(xí)します。