ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptイベントバインディングの使用方法

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

PHP中文网
リリース: 2017-06-20 10:03:29
オリジナル
1367 人が閲覧しました

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

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

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

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

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

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

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

<スクリプト タイプ="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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート