转自：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
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
IE、Safari、Opera、Chrome都提供了 screenLeft 和 screenTop属性分别表示窗口相对于屏幕左边和上边的位置。Firefox、Safari、Chrome在 screenX 和 screenY 中提供相同的窗口信息。Opera支持 screenX 和 screenY 属...
分类：
其他好文 时间：
2015-08-31 23:00:19
阅读次数：
176
1.客户区坐标位置：clientX，clientY 鼠标相对于在当前页面可视范围左上角的位置2.页面坐标位置：pageX,pageY 鼠标相对于页面左上角的位置（受滑动等影响，例如pageY=clientY+scrollTop）3.屏幕坐标位置：screenX,screenY 鼠标相对于电脑左上角的...
分类：
Web程序 时间：
2015-08-30 22:38:20
阅读次数：
254
clientX/clientY 与 screenX/screenY 的区别
在JavaScript当中有时候我们需要获取鼠标悬停的位置，以此来做一些特殊处理。这时候就需要用到MouseEvent对象。MouseEvent对象提供了两组属性来定位鼠标的位置：clientX/clientY和screenX/screenY。除了这两组属性我们经常还会用到pageX/pageY和offsetX/off...
分类：
其他好文 时间：
2015-08-28 17:42:31
阅读次数：
115
event对象是JavaScript中最重要的对象之一，他代表了各种事件的状态，在各种事件的事件处理中经常用到，比如键盘活动、鼠标活动等等，其中有几个对象官方说的比较模糊，很难理解，这里有必要通俗化的理解一下。概念（不是官方，来源于网络）：clientX 设置或获取鼠标指针位置相对于窗口客户区域的 ...
分类：
编程语言 时间：
2015-08-27 01:58:46
阅读次数：
178
1.关于鼠标事件的事件对象 相对于浏览器位置的 clientX: 当鼠标事件发生的时候，鼠标相对于浏览器X轴的位置 clientY: 当鼠标事件发生的时候，鼠标相对于浏览器Y轴的位置 相对于屏幕位置的 screenX: 当鼠标事件发生的时候，鼠...
分类：
编程语言 时间：
2015-07-20 23:10:08
阅读次数：
146
总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下(画得我手那个酸呀。。。。) 先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X...
分类：
Web程序 时间：
2015-07-20 14:36:19
阅读次数：
149
1,ie,Safari,Opera,Chrome提供了screenLeft和screenTop属性,来取得窗口相对于屏幕左边和上边的位置Firefox,Safari,Chrome提供了screenX和screenY属性表示相同的窗口位置,Opra虽然也支持这两个属性,但是并不对应screenLeft...
分类：
Web程序 时间：
2015-07-15 01:13:14
阅读次数：
266
