IE8不支持的PageXY 相对于整个页面鼠标的位置 包括溢出的部分event.pageX;event.pageY;所有浏览器支持的: 相对于当前浏览器窗口可视区域的坐标event.clientX;event.clientY;相对于当前屏幕(和浏览器窗口大小无关)的坐标event.screenX;....
分类:
其他好文 时间:
2015-04-06 17:15:25
阅读次数:
162
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_<John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀.一.PageX和clientXPageX...
分类:
其他好文 时间:
2015-04-06 10:02:21
阅读次数:
144
来源:http://www.cnblogs.com/imwtr/p/4355416.html作者:主要思路:一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等)并继而转为监测onmousemove事件,在鼠标移动事件中更新di...
分类:
其他好文 时间:
2015-03-21 18:31:52
阅读次数:
139
一个简单的可拖动div,随着鼠标的移动,div可随之走动主要思路:一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等)并继而转为监测onmousemove事件,在鼠标移动事件中更新div对象的位置属性鼠标松开的时候解除监听,更...
分类:
其他好文 时间:
2015-03-21 13:46:24
阅读次数:
137
事件对象event的位置属性,这些参数比较容易混淆1. pageX,pageY :IE不识别的,鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化,其实就是clientY+scrollTop,参考点是页面2. clientX,clientY:鼠标在页面上可视区域的位置,从...
分类:
其他好文 时间:
2015-01-14 12:33:23
阅读次数:
174
原文地址:http://blog.csdn.net/lidiansheng/article/details/8651512注:因为我们要在MSIE和其他浏览器下运行,Firefox和其他浏览器用event.pageX和event.pageY来表示鼠标相对于文档的位置,如果你有一个500*500的窗口...
分类:
Web程序 时间:
2015-01-13 17:24:15
阅读次数:
150
每次用到诸如client,screen,offset等,虽然通常都是能用对的,但是总觉得不是那么的自信没错。所以整理一下可以再需要的时候来查阅。一:clientX和clientY,screenX和screenY:可见:正如字面所讲,screen是鼠标相对屏幕坐标,但screenY取不到客户区以外的值...
分类:
编程语言 时间:
2014-12-19 18:55:54
阅读次数:
310
1. 事件对象的兼容:var oEvent=ev||event;2.clientX/clientY必须与scrollLeft/scrollTop同时使用,并且都必须使用兼容写法;3. 冒泡事件取消(兼容):oEvent.cancelBubble=true;4. 键盘事件的兼容5. 案例:ctrl+e...
分类:
其他好文 时间:
2014-11-28 16:08:24
阅读次数:
238
事件对象用来获取事件的详细信息:鼠标和键盘的具体操作IE:alert('event.clientX/Y');----------获取鼠标的横坐标和纵坐标(可视区坐标)FF:alert('ev.clientX/Y');--------------ev是火狐下鼠标对象事件冒泡oEvent=event||...
分类:
其他好文 时间:
2014-11-26 13:55:38
阅读次数:
146
鼠标事件都是在特定位置发生的,我们可以通过event事件对象的各种属性来获得事件发生的坐标位置,有相对于视口的,有相对于整个文档的,同样页面元素的位置也有相对视口的,也有滚动后的,这些都比较容易混淆,所以整理在这里,备忘,待查。1.客户区坐标位置(clientX/clientY)我们可以通过ev.....
分类:
其他好文 时间:
2014-11-25 18:05:33
阅读次数:
201