javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX
offsetWidth //返回元素的寬度（包括元素寬度、內邊距和邊框，不包括外邊距） offsetHeight //返回元素的高度（包括元素高度、內邊距和邊框，不包括外邊距） clientWidth //返回元素的寬度（包括元素寬度、內邊距，不包括邊框 ...
原文：頁面元素坐標和偏移（clientX/pageX/screenX/layerX/offsetWidth/scrollWidth/clientWidth等）相關整理
鼠標事件都是在特定位置發生的，我們可以通過event事件對象的各種屬性來獲得事件發生的坐標位置，有相對於視口的，有相對於整個文檔的，同樣頁面元素的位置也有相對視口的，也有滾動后的，這些都比較容易混淆，所以整理在這里，備忘，待查。 .客戶區坐標位置 clientX clientY 我們可以通過event事件對象的clientX clientY屬性獲得事件發生時鼠標指針在視口中的水平和垂直坐標。 示 ...
2014-11-25 17:28 5 5904 推薦指數：
相關推薦
clientX,offsetX,layerX,pageX,screenX,X鼠標位置全解
clientX,offsetX,layerX,pageX,screenX,X有時容易記混，通過測試當前的主流瀏覽器疏理了自己的一些看法以供參考。 Chrome下（測試版本為51.0.2704.106 ）： 由上圖可見題目中的6種屬性可分為三大類： 1.鼠標指針 ...
原生js獲取鼠標坐標方法全面講解：clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y
關於js鼠標事件綜合各大瀏覽器能獲取到坐標的屬性總共以下五種 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y獲取 ...
screenX clientX pageX的區別
自己開發的公眾號，可以領取淘寶內部優惠券 screenX clientX pageX概念 screenX:鼠標位置相對於用戶屏幕水平偏移量，而screenY也就是垂直方向的，此時的參照點也就是原點是屏幕的左上角。 clientX:跟screenX相比就是將參照點改成了瀏覽器內容區域 ...
screenX clientX pageX的區別
screenX clientX pageX概念 打開的pop窗口隨着鼠標點擊的dom元素而定位展示的js代碼： e是click事件，o是pop窗口的寬度或高度， eventX = function (e, o) { e = e || window.event; o = o || 0; x ...
關於clientWidth scrollWidth offsetWidth的理解
clientWidth：元素可見區域的寬度 clientWidth=padding+width-滾動條 scrollWidth：元素實際內容的寬度 scrollWidth=padding+width（元素實際的內容） offsetWidth：元素可見區域的寬度+邊框 ...
scrollWidth, clientWidth, offsetWidth的區別
轉自他的博客：https://www.cnblogs.com/kongxianghai/p/4192032.html 通過一個demo測試這三個屬性的差別。 說明： scrollWidth：對象的實際內容的寬度，不包邊線寬度，會隨對象中內容超過可視區后而變大。 clientWidth：對象 ...
圖解Js event對象offsetX, clientX, pageX, screenX, layerX, x區別
通過 3 張圖和 1 張表格，輕松區別 JavaScript Event 對象中的offsetX, clientX, pageX, screenX, layerX, x等屬性。 一、測試代碼如下： 二、不同瀏覽器對這些屬性的支持： 三、圖解 event.offsetX ...