IE事件的pagex困惑

最新推荐文章于 2021-06-28 09:16:17 发布
最新推荐文章于 2021-06-28 09:16:17 发布
阅读量399 收藏
点赞数
分类专栏： dojo 文章标签： ie dojo JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/netliving/article/details/84515607
版权
这几天表单定制器maqetta向IE上移植，发现了很多火狐和IE的区别，现在总结一下一个pagex的区别，这里只是描述一下IE的操作，火狐这里地方时正常的。
--------------------------------
|
| ---iframe----------- |
| | | |
| | ---------- | |
| | | button | | |
| | ----------- | |
| --------------------- |
--------------------------------
在上面的层次中发现一个问题，就是如果button移动速度太快，造成event的target是iframe的document，这样造成了拖动button发生较大偏移（偏移量为iframe到左边框的距离-没有出现滚动条的情况下）

原因如下：（dojo）
1.button上发生事件，event的pagex是button针对于iframe的地址信息
2.如果鼠标移动速度他快，将event的target定位到iframe的document上了，这样返回的就是document的pagex，是针对于整个窗体，这样pagex发生了较大的偏移
netliving
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ie pagex
一世辛劳的专栏
01-22 1179
ie 中没有 pageX,pageY通过clientX和clientY加上滚动条的偏移值来代替,需要注意的是在有DTD的情况下document.body.scrollLeft是不能正确读取滚动条偏移值的,要用document.documentElement.scrollLeft. 事例：         mousePos:function(e){              var x,y; 
event中的[clientX,offsetX,screenX,pageX]
weixin_30485799的博客
03-26 116
0.1. clientX clientY event.clientX event.clientY client直译就是客户端，客户端的窗口就是指游览器的显示页面内容的窗口大小（不包含工具栏、导航栏等等）。 event.clientX、event.clientY就是用来获取鼠标距游览器显示窗口的长度。 client范围 兼容性：IE和主流游览器都支持。 0.1.1. offsetX...
IE8下获取iframe document EVENT对象的问题
weixin_30681121的博客
03-27 141
在一个页面中设置iframe的document Onclick 事件获取在iframe中的document被点击的对象，W3C如下： document.getElementById('iframe的ID').contentDocument.onclikc=function(event){} 以上的EVENT对象在W3C浏览器下可以得到，在IE8中就无法得到，原因有2个，一是IE下的iframe...
关于IE下的clientX和FF的pageX
weixin_30755709的博客
07-02 104
关于IE下的clientX和FF的pageX <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> span{cursor:default} </style> <script language...
IE和firefox浏览器的event事件兼容性汇总
09-05
本文将深入探讨IE和Firefox浏览器中event事件的兼容性问题。 1. **event对象的使用** 在IE浏览器中，事件处理函数可以直接访问到全局的`event`对象，而Firefox和其他遵循W3C标准的浏览器则不支持这种全局访问方式...
JS中的事件详解
01-08
事件对象的属性如`button`、`clientX`、`clientY`、`screenX`、`screenY`、`offsetX`、`offsetY`、`pageX`和`pageY`提供了鼠标位置信息。键盘事件有`onkeydown`、`onkeypress`和`onkeyup`，分别对应按键按下、字符键...
事件高级用法及兼容写法
07-08
在低版本的IE和火狐上，事件传递机制不一样，需要通过window.event来获取事件 window.event||e 二、事件绑定和取消 1. 事件绑定 添加事件的做法，若出现为同一个节点绑定了同名的事件，会出现覆盖效果。 ...
javascript 事件对象 坐标事件说明
10-29
- `event.layerX` 和 `event.layerY`：与 IE 的 `event.offsetX` 和 `event.offsetY` 类似，表示相对于触发事件元素的坐标。 - `event.clientX` 和 `event.clientY`：与 IE 相同，表示相对于视口的坐标。 - `...
JavaScript监听触摸事件代码实例
10-15
JavaScript中的触摸事件是针对移动设备（如智能手机和平板电脑）设计的，用于处理用户的触摸屏幕操作。这些事件在用户与屏幕交互时触发，比如手指触摸、滑动或离开屏幕等。在本文中，我们将深入探讨如何使用...
pageX/pageY的兼容性问题
weixin_42442123的博客
11-06 1363
e.clientX/e.clientY 鼠标在可视区域中的位置 e.pageX/e.pageY 鼠标在页面中的位置 有兼容性问题 从IE9以后才支持 pageY = clientY + 页面滚动出去的距离 // 获取页面滚动出去的距离 function getScroll() { var scrollLeft = document.body.s...
js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别
javaloveiphone的专栏
03-22 9598
pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,同一个元素坐标不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,即是以浏览器滑动条此刻的滑动到的位置为参考点,同一个元素坐标随滑动条移动而变化.注： 1、如果元素位于body中，e.clientX + document.body.scrollLeft - document.body.clientLeft = e.p
event的IE兼容性处理
碎语1992
10-10 1602
// 添加事件与移除事件兼容性处理 var eventUtil = { // 添加句柄 addHandler: function (element, type, handler) { if (element.addEventListener) { element.
JavaScript 事件Event的兼容写法。event属性(pageX,clientX)
houyanhua1的专栏
03-16 1396
event.html： //点击页面的任何部分 document.onclick = function (event) { //兼容写法 event = event || window.event; //兼容写法 console.log(e
如何在iframe上定位鼠标位置
xaluke的专栏
03-19 3552
<br /> <br />在页面中，如果嵌入了iframe框，mousemove事件在这个区域是不会激发的。必须使用iframe里能取到的位置信息进行定位。而iframe里如果是嵌入页面的相对位置，则没有用。和父页面关联起来的是screeX/Y。在iframe和父页面取到的值是相同的.因此可以使用这个参数，计算和pageX/Y的差值，就可以计算出当前鼠标所在的位置了。<br /> <br />代码如下：<br /> <br />var mouseX = 0; 鼠标位置X<br />var mouseY =
浏览器 e.pageX e.layerX e.offsetX e.clientX e.x 的区别
learner_boy的博客
05-15 2007
本文转自小西山子【http://www.cnblogs.com/xesam/】
pageX、clientX、screenX、offsetX、layerX、x
asd65285的专栏
10-16 452
chrome： e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 e.offsetX——相对当前坐标系的border左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对可视区域的坐标 ff： e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标
页面上pageX、offsetLeft等的使用方法
不染-9732
06-28 2212
页面上pageX、offsetLeft等的使用方法 pageX: 页面X坐标位置 pageY: 页面Y坐标位置 <script> window.onmousemove=function(e){ // 鼠标移动的时候得到鼠标实时的位置 console.log(`${e.pageX},${e.pageY}`); } </script> screenX: 屏幕X坐标位置 screenY: 屏幕Y坐标位置 clientX: 鼠标的坐标到页面
详解火狐与IE在图片处理、滤镜及事件捕捉上的差异
在IE中，可以直接通过`event.clientX`和`event.clientY`获取，而在Firefox中，需要在事件函数中传递事件对象，例如`ev.pageX`和`ev.pageY`。 总结来说，火狐和IE在编程实践中存在诸多细节差异，开发者需要根据具体...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值