[JavaScript チュートリアル] JavaScript イベント

JavaScript イベント

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

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

HTML イベント

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

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

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

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

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

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

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

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

一重引用符:

<some-HTML-element some-event=&#39;some JavaScript&#39;>

二重引用符:

<some-HTML-element some-event="some JavaScript">

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

例

<button onclick=&#39;getElementById("demo").innerHTML=Date()&#39;>The time is?</button>

上記の例では、JavaScript コードはid=「デモ」要素。

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

例

<button onclick="this.innerHTML=Date()">The time is?</button>

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

Instance

<button onclick="displayDate()">The time is?</button>

一般的な HTML イベント

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

Event

Description

onchange HTML 要素の変更

onclick ユーザーが HTML 要素をクリックします

onmouseover ユーザーが HTML 要素上でマウスを移動します

onmouseout ユーザーが HTML 要素からマウスを遠ざけます

onkeydown ユーザーがキーボードのキーを押します

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

その他のイベント リスト: JavaScript リファレンス マニュアル - HTML DOM イベント。

JavaScript で何ができるのですか?

イベントを使用して、フォームの検証、ユーザー入力、ユーザーの動作、ブラウザーのアクションを処理できます:

ページの読み込み時にトリガーされるイベント

ページが閉じられたときにトリガーされるイベント

ユーザーがボタンをクリックするアクションを実行する

ユーザー入力の正当性を検証する

など...

複数のメソッドを使用してJavaScriptイベントコードを実行できます:

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

HTMLイベント属性はJavaScript関数を呼び出すことができます

HTML 要素に独自のイベント ハンドラーを指定できます

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

その他...

HTML DOM の章では、イベントとイベント ハンドラーについて詳しく学習します。

上記は [JavaScript チュートリアル] の JavaScript イベントの内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) を参照してください。