1. 程式人生 > >關於offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的區別

關於offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的區別

ont 滾動 page spa strong clientx 相對 窗口 set

            關於offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的區別

offsetX、offsetY: 鼠標相對於事件源元素(srcElement)的X,Y坐標

clientX、clientY: 鼠標相對於瀏覽器窗口可視區域的X,Y坐標(窗口坐標),可視區域不包括工具欄和滾動條。

pageX、pagey: 類似於event.clientX、event.clientY,但它們使用的是文檔坐標而非窗口坐標。這2個屬性不是標準屬性,但得到了廣泛支持。IE事件中沒 有這2個屬性

screenX、screenY: 鼠標相對於用戶顯示器屏幕左上角的X,Y坐標。

關於offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的區別