clientX,pageX,offsetX,x,layerX,screenX,offset左差分分析_JavaScriptスキル

screenX: 表示画面上のマウスの座標。
clientX: ページ表示領域内のマウスの座標。
注: 上記 2 つはすべてのブラウザに共通です。

pageX: FF 特有の、ページ上のマウスの位置はページの左上隅から始まります。IE には直接置き換えられる属性がありません。
レイヤー 要素に境界線がある場合、座標の原点はコンテンツ領域の左上隅ではなく、境界線の左上隅にあります。
offsetX: IE に特有の、「イベントをトリガーした要素」に対するマウスの位置は、境界線の左上隅からではなく、コンテンツ領域の左上隅から配置されます。この属性は比較的簡単に使用でき、要素内のマウス ポイントの位置を判断するのに非常に便利です。FF には直接置換属性がありません。
x: IE に固有で、layerX と同じ効果があり、layerX の直接置換属性として使用できます。
注: IE と FF の位置には 1 ピクセルの違いがあります。実際、IE の位置は 0 から始まり、FF の位置は 1 から始まります。FF は常に IE より 1 ピクセル大きくなります。実際の状況に応じて処理されます。

offsetLeft: この属性はイベント オブジェクトの属性ではありませんが、DOM オブジェクトに属します。この属性は、DOM オブジェクトとその親の階層関係において、DOM オブジェクトがそのオブジェクトに最も近いことを示します。位置の「オブジェクト」が設定されていますが、FF では厳密に上記の指示に従ってください。ただし、このプロパティは DOM オブジェクトの位置を直接返します。親オブジェクトの位置ですが、IE8 ではこの問題は修正されていますが、他のブラウザでは親オブジェクトのコンテンツ領域の左上隅から位置決めが開始されますが、IE8 では親オブジェクトのコンテンツ領域の左上隅から位置決めが開始されます。 IETesterではテスト環境がIE8なのでIETesterの問題である可能性も否定できません。