offsetWidth 返回元素的宽度 包括元素宽度 内边距和边框，不包括外边距 offsetHeight 返回元素的高度 包括元素高度 内边距和边框，不包括外边距 clientWidth 返回元素的宽度 包括元素宽度 内边距，不包括边框和外边距 clientHeight 返回元素的高度 包括元素高度 内边距，不包括边框和外边距 style.width 返回元素的宽度 包括元素宽度，不包括内边距 ...
2017-09-28 11:40 0 9156 推荐指数：
鼠标事件都是在特定位置发生的，我们可以通过event事件对象的各种属性来获得事件发生的坐标位置，有相对于视口的，有相对于整个文档的，同样页面元素的位置也有相对视口的，也有滚动后的，这些都比较容易混淆，所以整理在这里，备忘，待查。 1.客户区坐标位置（clientX/clientY ...
event.screenX、event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性 event.clientX、event.clientY 鼠标相对于浏览器可视区域的X,Y坐标（将参照点改成了浏览器内容区域的左上角），可视区域不包括工具栏 ...
clientX,offsetX,layerX,pageX,screenX,X有时容易记混，通过测试当前的主流浏览器疏理了自己的一些看法以供参考。 Chrome下（测试版本为51.0.2704.106 ）： 由上图可见题目中的6种属性可分为三大类： 1.鼠标指针 ...
鼠标事件 鼠标事件有下面这几种： 1. onclick 鼠标点击事件 box.o ...
关于offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的区别 offsetX、offsetY: 鼠标相对于事件源元素（srcElement）的X,Y坐标 clientX、clientY: 鼠标相对于 ...
平时在测量元素位置时难以确定，下面给出具体的event对象中的各种属性，以便日后使用。 检测相对于浏览器的位置：clientX和clientY 当鼠标事件发生时，鼠标相对于浏览器左上角的位置 检测相对于文档的位置 ...
JQuery中： width()方法用于获得元素宽度； innerWidth()方法用于获得包括内边界（padding）的元素宽度； outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度； 如果outerWidth()方法的参数为true则外边 ...
一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化。可以理解为：相对#（0.0）坐标绝对定位clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器 ...
