ホームページ >ウェブフロントエンド >jsチュートリアル >js はマルチブラウザ互換性 code_javascript スキルを使用してマウス位置チャットを取得します
js はマルチブラウザ互換性 code_javascript スキルを使用してマウス位置チャットを取得します
- WBOYオリジナル
- 2016-05-16 18:58:17966ブラウズ
実際、マウスの位置を取得するのはたったの 1 文ですが、ブラウザ間の違いを理解していないと、プロセス全体が非常にイライラすることになります。 違いは次のとおりです。
1. イベントを使用して距離を取得します。 IE の x 軸と y 軸の間の距離。
FF の x 軸と y 軸の間の距離を取得するには、それぞれ、event.pageX と events.pageY を使用します。
2. 取得された位置。 IE でのこのメソッドでは、スクロール バーのスクロール位置はカウントされません。つまり、
FF ではスクロールされた位置がカウントされます。崩壊、ほんのわずかな違いのために、使用するプログラムをすべて書き換えました、恥ずかしい...)
1の解決策はブラウザを判断してどの方法を使用するかだけです
2の解決策は次のとおりです。 X 軸と Y 軸で IE を使用するには、 document.documentElement.scrollTop と document.documentElement.scrollLeft をそれぞれ追加します。
JS についてはほとんど知りません。より良い提案がある場合は、メッセージを残してください。ありがとうございます
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。