JsでIE以外のイベントオブジェクトのプロパティを操作する、メソッドの詳細紹介

イベント処理関数がブラウザによって呼び出されることは誰もが知っています。ブラウザには、イベント関数がトリガーされたかどうかを判断できるリスニングメカニズムがあります。この記事では、IE 以外の JS 操作を紹介します。イベントオブジェクトのプロパティとメソッド。 キャンセル可能、タイプ、バブルは役に立たないことだけを理解してください

上のハイライトに注意してください。これは、第 2 レベルのイベントにネストされた第 2 レベルのイベントであり、バブルとキャプチャの実行順序は下から上です。 、キャプチャは上から下です

ここで質問ですが、body ノードと

document

ノードの違いは何ですか? ドキュメントオブジェクトの下の属性に本文が表示されます

しかし、今表示されているのはnullですか？ ?

型は意味がありません、内容だけ理解してください

今IEでは未定義と表示されていますが、他のブラウザでは正常に表示されます

Google IEでは使えますが、Firefoxでは使えないので注意してください。上記は、IE8 以下のバージョンではエラーが発生します

多くの場合、Google の互換性が最も優れています。通常の互換性の問題は、Firefox と IE の違いです。IE で有効である限り、それは有効であるようです。 Google。上記の問題は第 2 レベルのイベントでのみ発生することに注意してください。第 1 レベルのイベントでは互換性の問題は発生せず、デフォルトの

動作になります。インターフェースを更新します

内容は clientX と clientY のみが使用されます

カプセル化機能: ブラウザーのデフォルト動作を防止し、バブリングを防止します

概要: ブラウザーによってイベント処理関数が呼び出されます。イベント処理関数がトリガーされるのではなく、イベント処理関数がトリガーされると、ブラウザーはそれをリッスンしてイベント処理関数を呼び出し、イベント ソース オブジェクトをイベント処理関数に渡します。このイベント ソース オブジェクトは、イベント処理関数でアクティブに受信できます。互換性カプセル化には、関数の実行コンテキストを取得できるという共通点があります。取得できない場合は、通常、すべてのカプセル化互換性が返されます。機能はすべてこの方法で実行されます。

ここでのコードの実行順序に注意してください。ボタンをクリックすると必ず上記のイベントがトリガーされます。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

CSS を使用して HTML で div を非表示にする方法

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

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

以上がJsでIE以外のイベントオブジェクトのプロパティを操作する、メソッドの詳細紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。