这个是IE 11下兼容下视图测试时可用。$(window).bind('beforeunload', function (event) { var _this = this; var x = event.originalEvent.clientX; var y = event.or...
分类：
Web程序 时间：
2015-10-27 17:03:06
阅读次数：
194
一、获取鼠标坐标 clientX：鼠标到可视区边缘的距离； scrollLeft:滚动条到页面顶端的距离（不可视区的距离） 兼容性写法： var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;...
分类：
移动开发 时间：
2015-10-27 01:45:12
阅读次数：
195
screenX:鼠标在显示屏幕上的坐标。clientX:鼠标在页面显示区域的坐标。（FF是pageX;）pageX：... ...layerX:FF特有，父容器border的左上角... ...（可用offsetX代替）offsetX:IE特有;鼠标距离“触发事件元素位置”距离... ...offs...
分类：
编程语言 时间：
2015-10-15 06:20:04
阅读次数：
240
关于js鼠标事件综合各大浏览器能获取到坐标的属性1.page随滚动条变化（pageY会增加滚动条滚动的距离）,兼容性：除IE6/7/8不支持外，其余浏览器均支持;2.clientX/Y获取到的是触发点相对浏览器可视区域左上角距离（不随页面滚动而改变,clienY不会增加),兼容性：所有浏览器均支持;...
分类：
Web程序 时间：
2015-10-09 11:46:05
阅读次数：
130
转自：http://www.2cto.com/kf/201409/333401.html总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下(画得我手那个酸呀。。。。)先总结下区别：event.clientX、e...
分类：
编程语言 时间：
2015-10-08 10:27:12
阅读次数：
173
var btn = document.getElementById(“myBtn”); var event = document.createEventObject(); event.screenX = 100; event.screenY = 0; event.clientX = 0; event.clientY = 0; event.c...
分类：
Web程序 时间：
2015-09-29 19:08:45
阅读次数：
235
1.PageX/PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化2.clientX/clientY:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化. 可是悲剧的是,Page...
分类：
Web程序 时间：
2015-09-23 13:15:27
阅读次数：
189
e.pageXe.layerXe.offsetXe.clientXe.x属性；测试浏览器：FF9/Chrome15/opera11.52/safari5(win)/IE6/7/8/9测试代码： 图示：测试结果如下：chrome：e.pageX——相对整个页面的坐标e.l...
分类：
其他好文 时间：
2015-09-19 01:01:52
阅读次数：
2118
1.onmousemove可以让div随着鼠标的移动的变化而变化。这里面有一个小问题就是不知道为什么必须得把div设置为absolute，否则就没有效果。如果将body的高度变成2000px，这个时候就会出现一些问题。当滚动鼠标的时候，因为clientX和clientY是可视窗口下的距离，而left...
分类：
其他好文 时间：
2015-09-06 16:05:49
阅读次数：
133
1.客户区坐标位置：clientX，clientY 鼠标相对于在当前页面可视范围左上角的位置2.页面坐标位置：pageX,pageY 鼠标相对于页面左上角的位置（受滑动等影响，例如pageY=clientY+scrollTop）3.屏幕坐标位置：screenX,screenY 鼠标相对于电脑左上角的...
分类：
Web程序 时间：
2015-08-30 22:38:20
阅读次数：
254
