JavaScriptイベントバインディングの使用方法

イベント バインディングとは、何かを操作することを意味します。 (何らかの効果を実現したいので、バインドする必要があります、ハハハ!)

JavaScript がユーザー操作に応答できるようにしたい場合は、まずイベント ハンドラーを DOM 要素にバインドする必要があります。いわゆるイベント処理機能は、ユーザの操作を処理する機能であり、操作ごとに名称が異なります。

JavaScript では、イベントをバインドする 3 つの一般的な方法があります:

1. DOM 要素で直接バインドする;

2. イベント リスニング関数をバインドする。

3. 1. DOM 要素に直接バインドする方法を例の形式で説明します。

ボタンをクリックすると警告ボックスが表示されます

<スクリプト タイプ="text /javascript">

functionalert(){

alert("こんにちは、私はアラートボックスです");

}


とても簡単ですね。それでは続けてください...

2. JavaScript コードのバインディング (バインディング イベントにより JavaScript コードを HTML タグから分離でき、ドキュメント構造が明確になり、管理と開発が容易になります)

3. イベントをバインドする別の方法は、addEventListener() またはattachEvent() を使用してバインドすることです。イベントリスナー機能。

①.addEventListener(イベント名,ハンドル,useCapture)。

イベントリスニング関数をバインドする標準メソッド

eventNameイベント名。ここでのイベント名には、マウス クリック イベント click、マウス ダブルクリック イベント doubleclick、マウス ムーブ イン イベント Mouseover、マウス ムーブ アウト イベント Mouseout など、「on」が含まれていないことに注意してください。 イベントハンドル関数。イベントを処理するために使用される関数です。 Boolean型、キャプチャを使用するかどうか、通常はfalseを使用します。 ②.attachEvent(eventName,handle);

	handle
	useCapture

elementObjectDOMオブジェクト（つまり、DOM要素）。 イベント名。 addEventListener() とは異なり、ここでのイベント名には、マウス クリック イベント onclick、マウス ダブル クリック イベント ondoubleclick、マウス ムーブ イン イベント onmouseover、マウス ムーブ アウト イベント onmouseout など、「on」が付いていることに注意してください。 イベントハンドル関数。イベントを処理するために使用される関数です。

	eventName
	handle

以上がJavaScriptイベントバインディングの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。