JavaScript イベントとマウス座標のプロパティ

通常の開発では、マウス座標に関連するいくつかの要件が多かれ少なかれ発生します。例: モバイル側のジェスチャー決定、PC 側のウィンドウのシェイクとドラッグ イベントなど。では、皆さんは Javascript に関連する Event イベント プロパティをご存知ですか?
たとえば、イベントをクリックすると、現在の座標がポップアップ表示されます。まず第一に、event.pageX、event.clientX、event.screenX と、それらのプロパティに関するブラウザーの互換性の問題を理解する必要があります

その前に、event との互換性の問題も理解する必要があります。ブラウザーのデフォルトのイベント動作を見ると、最初に思い浮かぶのは間違いなくevent.preventDefault()です
2. イベントのバブリングを防止する場合は、event.stopPropagation(); を使用します。 3. イベントのターゲットソースノードを取得するとき、私たちが考えるのは、event.target です。 ただし、IE ブラウザ、特に IE9 より前のブラウザでは、上記は互換性の問題です。ここで、クロスブラウザ イベントを実行するための EventUtil オブジェクトを要約します。上記のクロスブラウザ イベントが処理された後、次のように感じます。ここではタイトルに関係するものは何も言及されていません
まず、上記の 3 つの pageX、clientX、screenX の関係を理解する必要があります。

以上がJavaScript イベントとマウス座標のプロパティの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。