一張圖輕鬆搞懂javascript event對象的clientX,offsetX,screenX,pageX區別

標籤：對象   fse   pagex   offsetx   span   rip   包括   event   視窗   

先總結下區別：event.clientX、event.clientY滑鼠相對於瀏覽器視窗可視地區的X，Y座標（視窗座標），可視地區不包括工具列和捲軸。IE事件和標準事件都定義了這2個屬性event.pageX、event.pageY類似於event.clientX、event.clientY，但它們使用的是文檔座標而非視窗座標。這2個屬性不是標準屬性，但得到了廣泛支援。IE事件中沒有這2個屬性。event.offsetX、event.offsetY滑鼠相對於事件來源元素（srcElement）的X,Y座標，只有IE事件有這2個屬性，標準事件沒有對應的屬性。event.screenX、event.screenY滑鼠相對於使用者顯示器螢幕左上方的X,Y座標。標準事件和IE事件都定義了這2個屬性

一張圖輕鬆搞懂javascript event對象的clientX,offsetX,screenX,pageX區別