基本概念document.body.clientWidth:指的是BODY对象宽度document.body.clientHeight:指的是BODY对象高度document.documentElement.clientWidth:指的是可见区域宽度document.documentElement.clientHeight:指的是可见区域高度window.innerHeight-浏览器窗口的内部高度window.inn..
分类：
Web程序 时间：
2016-06-16 11:50:40
阅读次数：
501
JavaScript中event的x,clientX,offsetX的区别 请看下面的文字说明，也就是event中x,clientX,offsetX,screenX的区别： x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。www.mlybyby.com clientX:相对于客 ...
分类：
编程语言 时间：
2016-06-11 10:36:11
阅读次数：
198
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离 ...
分类：
Web程序 时间：
2016-05-27 09:26:23
阅读次数：
211
screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。 clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。 pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动 ...
分类：
其他好文 时间：
2016-04-19 16:57:32
阅读次数：
221
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离 ...
分类：
其他好文 时间：
2016-04-18 22:05:35
阅读次数：
169
1 在IE Safari Oper Chrome 都提供了screenLeft和screenTop属性： screenLeft : 相对于屏幕左边的距离 screenTop : 相对于屏幕上边的距离 Firefox则在screenX, screenY属性中提供形同的窗口位置信息，Safari,...
1.事件对象的clientX/clientY,screenX/screenY,offsetX/offsetY,pageX/pageY,x/y 事件对象(event):就是发生事件时的元素,鼠标位置,鼠标状态,键盘按键的状态等事件里的细节状态. 打个比方,有个地方出了车祸,此时就有一个包含所有车祸事件...
分类：
其他好文 时间：
2015-12-11 20:46:50
阅读次数：
170
鼠标事件都是在特定位置发生的，我们可以通过event事件对象的各种属性来获得事件发生的坐标位置，有相对于视口的，有相对于整个文档的，同样页面元素的位置也有相对视口的，也有滚动后的，这些都比较容易混淆，所以整理在这里，备忘，待查。1.客户区坐标位置（clientX/clientY）我们可以通过even...
分类：
其他好文 时间：
2015-11-19 18:35:31
阅读次数：
273
In JavaScript: pageX, pageY, screenX, screenY, clientX and clientY returns a number which indicates the number of physical "css pixels" a point is from the reference point. The event point is where...
分类：
其他好文 时间：
2015-11-11 11:52:43
阅读次数：
255
screenX:鼠标在显示屏幕上的坐标。clientX:鼠标在页面显示区域的坐标。（FF是pageX;）pageX：... ...layerX:FF特有，父容器border的左上角... ...（可用offsetX代替）offsetX:IE特有;鼠标距离“触发事件元素位置”距离... ...offs...
分类：
编程语言 时间：
2015-10-15 06:20:04
阅读次数：
240
