關於offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的區別
關於offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的區別 offsetX、offsetY: 鼠標相對於事件源元素（srcElement）的X,Y坐標 clientX、clientY: 鼠標相對於 ...
原文：元素位置pageX,pageY,clientX,clientY,scrollX,scrollY,screenX,screenY,offsetX,offsetY
總結: event.clientX 設置或獲取鼠標指針位置相對於當前窗口的 x 坐標，其中客戶區域不包括窗口自身的控件和滾動條。 可見區域 event.clientY 設置或獲取鼠標指針位置相對於當前窗口的 y 坐標，其中客戶區域不包括窗口自身的控件和滾動條。 可見區域 event.offsetX 設置或獲取鼠標指針位置相對於觸發事件的對象的 x 坐標。 觸發事件的元素,ie,chrome支持此屬 ...
2014-07-14 17:01 0 8450 推薦指數：
相關推薦
JavaScript 中一些概念理解 ：clientX、clientY、offsetX、offsetY、screenX、screenY
clientX 設置或獲取鼠標指針位置相對於窗口客戶區域的 x 坐標，其中客戶區域不包括窗口自身的控件和滾動條。 clientY 設置或獲取鼠標指針位置相對於窗口客戶區域的 y 坐標，其中客戶區域不包括窗口自身的控件和滾動條。 offsetX 設置或獲取鼠標指針位置相對於觸發 ...
一文看懂js中的clientX，clientY，pageX，pageY，screenX，screenY
一. 客戶區坐標位置（clientX，clientY） 鼠標事件都是在瀏覽器視口中的特定位置發生的。這個位置信息保存在事件對象的clientX和clientY屬性中，所有瀏覽器都支持這兩個屬性。 我們知道了這個位置信息我們可以做些什么了？舉個例子，有時候我們需要獲取鼠標在某一個元素中的相對位置 ...
理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
event.clientX、event.clientY 鼠標相對於瀏覽器窗口可視區域的X，Y坐標（窗口坐標），可視區域不包括工具欄和滾動條。IE事件和標准事件都定義了這2個屬性 event.pageX、event.pageY 類似於event.clientX、event.clientY，但它 ...
clientX,offsetX,layerX,pageX,screenX,X鼠標位置全解
clientX,offsetX,layerX,pageX,screenX,X有時容易記混，通過測試當前的主流瀏覽器疏理了自己的一些看法以供參考。 Chrome下（測試版本為51.0.2704.106 ）： 由上圖可見題目中的6種屬性可分為三大類： 1.鼠標指針 ...
screenX,clientX,pageX,offsetX,pageXoffset的區別
event.screenX、event.screenY 鼠標相對於用戶顯示器屏幕左上角的X,Y坐標。標准事件和IE事件都定義了這2個屬性 event.clientX、event.clientY 鼠標相對於瀏覽器可視區域的X,Y坐標（將參照點改成了瀏覽器內容區域的左上角），可視區域不包括工具欄 ...
關於鼠標事件的screenY,pageY,clientY,layerY,offsetY屬性 （詳細圖解）
screenY 鼠標相對於顯示器屏幕左上角的偏移 pageY 鼠標相對於頁面左上角的偏移 (其值不會受滾動條的影響) IE9之下並不支持這個屬性 但是可以寫點代碼計算出來。 jQuery中的實現 ...