1. 程式人生 > >javascript event物件的clientX,offsetX,screenX,pageX區別

javascript event物件的clientX,offsetX,screenX,pageX區別

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個屬性

上圖!!!!