来源:http://www.cnblogs.com/happygx/archive/2011/03/12/1982080.html DOM编程 DOM入门 ?DOM就是HTML页面的模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性、方法就可以对网页中的文本框、层等元素进行编 ...
分类:
其他好文 时间:
2016-11-23 12:21:03
阅读次数:
262
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的(this)对象的 ...
分类:
其他好文 时间:
2016-11-08 09:49:30
阅读次数:
172
这里是一个在PC端电商页面经常用到的一种功能,它可以使消费者在查看页面的商品时看的更加清晰。也就是俗称的放大镜 这里需要用到一些知识,鼠标事件(mousemove,mouseenter,mouseleave),定位等事件。 这里的html布局是在页面上有一个div,内部放一张图片,和一个小滑块(小d ...
分类:
其他好文 时间:
2016-10-28 15:33:42
阅读次数:
151
JavaScript 中一些概念理解 :clientX、clientY、offsetX、offsetY、screenX、screenY ...
分类:
编程语言 时间:
2016-10-10 01:45:58
阅读次数:
210
一、在线DEMO 界面拖拽交互 二、关于事件对象中的clientX(Y)、pageX(Y)、screenX(Y)、offsetX(Y)的区别 关于clientX(Y)、pageX(Y)、screenX(Y)我有如下总结: screenX >clientX = pageX screenY>pageY> ...
分类:
编程语言 时间:
2016-10-05 17:25:37
阅读次数:
218
通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下: 二、不同浏览器对这些属性的支持: 三、图解 event.offsetX,event.clientX,e ...
分类:
Web程序 时间:
2016-09-05 17:17:33
阅读次数:
258
chrome: e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 e.offsetX——相对当前坐标系的border左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对可视区域的坐标 ff: e.pageX——相对整个页面的 ...
分类:
其他好文 时间:
2016-08-03 10:12:11
阅读次数:
151
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 ...
分类:
编程语言 时间:
2016-07-15 19:40:30
阅读次数:
143
clientX,offsetX,layerX,pageX,screenX,X鼠标位置全解与兼容测试 ...
分类:
其他好文 时间:
2016-07-11 14:10:58
阅读次数:
162
一、screenX | screenY用于获取鼠标相对屏幕的位置在IE9+和其他主流浏览器,获取鼠标相对屏幕的位置,代码如下:function (ev){ ev.screenX //获取鼠标相对于屏幕左边的距离 ev.screenY //获取鼠标相对于屏幕顶部的距离}在IE浏览器下,获取鼠标相对屏幕 ...
分类:
其他好文 时间:
2016-07-01 13:17:56
阅读次数:
1150