一、脚本差异: 1、事件绑定:addEventListener 与 attachEvent 事件处理函数中this指向不同, IE中指向window 2、获取事件对象 :事件处理函数 window.event 3、获取触发事件的DOM元素: target srcElement 4、阻止默认行为: e ...
分类:
Web程序 时间:
2016-10-23 12:00:51
阅读次数:
280
PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化。 clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动 到的位置为参考点,随滑动条移动 而变化。 <!DOCTYPE html PUBLIC "-//W3C// ...
分类:
Web程序 时间:
2016-10-20 12:28:59
阅读次数:
149
原生js学习笔记6——事件 事件对象 鼠标事件 event.clientX在可视区中,鼠标点击的x坐标 event.clientY在可视区中,鼠标点击的y坐标 示例: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl ...
分类:
编程语言 时间:
2016-10-19 14:00:29
阅读次数:
260
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的(this)对象的 ...
分类:
其他好文 时间:
2016-10-11 21:10:08
阅读次数:
139
jQuery中 pageX,clientX,offsetX,layerX的区别 ...
分类:
Web程序 时间:
2016-10-10 11:21:04
阅读次数:
218
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
1、JQ获取鼠标的当前位置 2.原生JS获取当前鼠标位置 关键是在onmousemove中实时获取PageX和PageY IE不支持,改用clientX+scrollLeft-clientLeft ...
分类:
其他好文 时间:
2016-09-07 09:14:11
阅读次数:
143
通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下: 二、不同浏览器对这些属性的支持: 三、图解 event.offsetX,event.clientX,e ...
分类:
Web程序 时间:
2016-09-05 17:17:33
阅读次数:
258
只做实现。。完全没考虑性能优化。所以我实现了以后特别卡。 第一个是在通讯录右边的索引条上进行滑动,滑动到相应字母就跳转到相应字母的锚点上。 思路:监听touchmove事件,获取clientX和clientY,传入到elementFromPoint,然后获取到元素以后执行click()即可。 这里会 ...
分类:
Web程序 时间:
2016-09-02 21:58:53
阅读次数:
240