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、offsetX,offsetY:是event的属性，非DOM元素的属性含义：设置或者是得到鼠标相对于目标事件的父元素的位置，从父元素的边框位置计算起。IE中的属性， 经测试新版的chrome 、FF都支持（测试环境 chrome43 FF34）2、pageX，pageY是event的属性，非DO...
分类：
其他好文 时间：
2015-09-18 15:14:41
阅读次数：
146
1.利用js实现//获取当前鼠标在页面上的坐标function getPointerPositionInDocument(eventObject) { var x = eventObject.pageX; var y = eventObject.pageY; return { ...
分类：
其他好文 时间：
2015-09-13 21:39:04
阅读次数：
139
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
事件细节———————————————————————ev直接使用，不需要兼容操作ev.pageX(Y) 鼠标的坐标(相对于文档) : ev.clientX(相对于窗口)ev.which(能监控鼠标键值) : ev.keyCodeev.preventDefault(); //阻止默认事件ev.stopPropagation(); //阻止冒泡事件函数结尾return false;既能阻止冒泡又能阻止...
分类：
Web程序 时间：
2015-08-09 18:55:25
阅读次数：
159
鼠标 X 轴: 鼠标 Y 轴: 一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开...
分类：
Web程序 时间：
2015-08-05 20:13:00
阅读次数：
138
总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下(画得我手那个酸呀。。。。) 先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X...
分类：
Web程序 时间：
2015-07-20 14:36:19
阅读次数：
149
clientX观点：鼠标相对于WINDOWS的坐标。这里这个WINDOWS是指我们能看见的浏览器大小。所以不可能超过显示器的大小，如screen.width,screen.height证明：点击获得clientX,clientY的大小，设置为图片定位的位置。如果上面观点不成立，也就是这个坐标不是浏览...
分类：
其他好文 时间：
2015-07-11 22:49:00
阅读次数：
242
