转自：http://www.2cto.com/kf/201409/333401.html总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下(画得我手那个酸呀。。。。)先总结下区别：event.clientX、e...
分类：
编程语言 时间：
2015-10-08 10:27:12
阅读次数：
173
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、offsetX,offsetY:是event的属性，非DOM元素的属性含义：设置或者是得到鼠标相对于目标事件的父元素的位置，从父元素的边框位置计算起。IE中的属性， 经测试新版的chrome 、FF都支持（测试环境 chrome43 FF34）2、pageX，pageY是event的属性，非DO...
分类：
其他好文 时间：
2015-09-18 15:14:41
阅读次数：
146
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
总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下(画得我手那个酸呀。。。。) 先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X...
分类：
Web程序 时间：
2015-07-20 14:36:19
阅读次数：
149
-(void)scrollViewDidZoom:(UIScrollView *)scrollView{ CGFloat offsetX = (scrollView.bounds.size.width > scrollView.contentSize.width)? (scrollView.boun...
分类：
其他好文 时间：
2015-07-16 13:15:01
阅读次数：
150
//给mask添加事件，让其随着鼠标移动 superMask.onmousemove=function(){ var left=event.offsetX-175/2; left=left>0?left:0; left=left0?top:0; top=top<175?top:175; mask.s...
分类：
Web程序 时间：
2015-07-10 23:39:04
阅读次数：
192
一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移...
分类：
其他好文 时间：
2015-07-08 20:24:43
阅读次数：
123
//@author jzhang6 public void dragAndDropOffset(WebDriver driver,WebElement dragableEl, WebElement dropableEl, int offsetX, int offsetY){ Actions act....
分类：
其他好文 时间：
2015-05-29 09:44:41
阅读次数：
809
