マウスイベントを操作するJSプロセス

実際のプロジェクトでは、マウスイベントを操作するためにJavaScriptを使用する必要があることが多いので、今日はJSでマウスイベントを操作する手順と、JSを使用してマウスイベントを操作する方法を詳しく説明します。

onmouseover と onmouseout は 1 回だけ実行され、

Onmousedown

も複数回実行されます。これらは、クリックごとに 1 回だけ実行され、連続的にトリガーされることはありません。 onkeydown と onkeypress は異なりますが、これは非常に厄介です。マウス イベントとは何ですか? ? ? Firefoxでは未定義と表示されます

IEでは未定義と表示されます

しかし、上記の表示はGoogleでは正常です、ここでIEとFirefoxと互換性を持たせる必要があります

ここで質問があります。 .log(window) では、イベント属性は未定義ですが、console.log(window.event) では、必要な効果が表示されます。なぜこのような違いがあるのでしょうか。

ここは先生が苦労しているところですが、なぜそうなるのか分かりません

上記の分析は間違っています。Googleではeとwindow.eventの両方がサポートされており、Firefoxではeのみがサポートされており、Googleではeのみがサポートされています。 window.event

属性の動的作成に参加するためのパスです

属性 e.pageX および e.pageY は以前のバージョンの IE ではサポートされていないため (以前のバージョンの IE では表示されます)、ビジュアル領域 + スクロールバーのカール高さが使用されます コンテンツ領域に基づいてマウスの位置を取得するために使用されます

ドキュメントはウィンドウの上にあります

イベントキャプチャはコンテンツを理解するためだけです

イベント処理

関数はサポートされていません。 IE では、レベル 0 イベントの後のイベントは前のイベントを上書きすることに注意してください。これは非常に重要ですウィンドウは省略できます。上記のコードは無意味です

バブリング: 特定のノードから不特定のノードへのキャプチャを表します。 Now とバブリングは同じです。

キャプチャ: 不特定のノードから特定のノードへ

は、関数実行コンテキストと同じ効果を実現します。

IE ブラウザーではサポートされていません

。 DOM レベル 0 イベントをアンロードするメソッド (アンロード イベント、インターフェースが再度更新されると、イベント処理関数は引き続き実行されます)実際、DOM レベル 0 イベントをアンインストールするのと同じ効果があります

IE は DOM を追加しますレベル 2 イベント

IE の最新バージョンである IE11 は、attachEvent 属性をサポートしていません

IE は DOM レベル 2 イベントをアンロードします

カプセル化関数は次のとおりです:

この書き方は IE では空として表示されます

この書き方は非IEではエラーを直接報告します

非IEでは関数として表示され、IEでは未定義となります。 以下の関数のカプセル化はこの原則に基づいています

ので。イベントキャプチャはめったに使用されず、通常、4番目の値はfalseです。別のパラメータを渡す必要はなく、直接記述するだけです

アンインストール時、イベント処理関数では使用できません

匿名関数

実行に注意してくださいIE バージョンで注文しますDOMContentLoaded 次に、内容を理解し、概念に注目してください: イベント処理関数

これらの事例を読んだ後は、あなたはそれを習得したと思います。さらにエキサイティングな方法については、次の点に注意してください。その他の関連記事は php 中国語 Web サイトにあります。

関連記事:

DIV に高さを適応させる方法

CSS を使用して画像の背景のテキストコンテンツを非表示にする方法

フロントエンドプロジェクトを開始する前に CSS を初期化する必要性

以上がマウスイベントを操作するJSプロセスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。