client / page / offset / screen X / Y

1.clientX / clientYspa

  相對於可視窗口左上角,不包括菜單欄與滾動條blog

2.pageX / pageYcli

  相對於網頁左上角,不包括菜單欄,包括滾動條im

3.offsetX / offsetYimg

  IE特有!移動

  以元素盒子模型的內容區域的左上角爲參考點,若是有boder,可能出現負值。co

4.screenX / screenY滾動條

  相對於屏幕左上角ps

 

pageX和clientX ,這個兩個比較容易搞混,模型

pageX:與滾動條移動有關

clientX:與滾動條移動無關

相關文章
相關標籤/搜索