1. 程式人生 > >event.client、event.screen與event.offset(轉載)

event.client、event.screen與event.offset(轉載)

  1、event.screenX與event.screenY。

  首先,event.screenX是滑鼠相對於使用者顯示器螢幕左上角的X座標。

  而event.screenY則是滑鼠相對於使用者顯示器螢幕左上角的Y座標。

  在標準事件和IE事件中都定義了這2個屬性

  

  2、event.clientX與event.clientY。

  event.clientX是滑鼠相對於瀏覽器視窗可視區域的X座標(視窗座標),可視區域不包括工具欄和滾動條。

  event.clientY是滑鼠相對於瀏覽器視窗可視區域的Y座標(視窗座標),可視區域不包括工具欄和滾動條。

 

  3、event.offsetX與event.offsetY

  offsetX 設定或獲取滑鼠指標位置相對於觸發事件的物件的 x 座標。 

  offsetY 設定或獲取滑鼠指標位置相對於觸發事件的物件的 y 座標。

  

  這樣說,感覺還是有點難以理解,因此這裡用圖片來說明:

        

 

 

  總結:screen是相對於螢幕而言的,而client則是相對於文件而言的,而offset則是相對於父容器而言的。