火狐下不知道的e.layerX以及e.layerY

火狐下e.offsetX、Y缺失及替代方案
最新推荐文章于 2022-07-07 22:41:08 发布
原创 最新推荐文章于 2022-07-07 22:41:08 发布 · 640 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客指出在火狐浏览器中不存在e.offsetX和e.offsetY，经过查找发现可使用e.layerX替代，聚焦于火狐浏览器特定属性的情况。

在火狐下，没有e.offsetX以及e.offsetY。但是经过很久的查找发现有e.layerX

IE与firefox下Dhtml的一些区别小结
09-05
Firefox还提供了`e.layerX`, `e.layerY`, `e.pageX`, `e.pageY`等属性，以获取更精确的鼠标位置信息。 3. 对象引用： 获取元素时，两者都支持`document.getElementById`，但为了兼容老版本的IE，可能需要检查`...
ie与firefox下的event使用说明与详细区别
12-01
若要获取包括滚动条距离的坐标，IE提供了`event.offsetX`和`event.offsetY`，Firefox对应的属性为`event.layerX`和`event.layerY`。 在定位元素位置时，IE支持`style.posLeft`和`style.posTop`，但Firefox不支持。...
pageX、clientX、screenX、offsetX、layerX、x
asd65285的专栏
10-16 590
chrome： e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 e.offsetX——相对当前坐标系的border左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对可视区域的坐标 ff： e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标
关于layerX,layerY
qq807700656的专栏
01-27 1311
当需要取到鼠标点击相对于层的位置信息时，在ie下可以用event.offsetX, evnet.offsetY，在Firefox下是event.layerX, event.layerY。但是firefox下总是有问题，取到的不是相对于层的坐标，而是pageX,pageY。 Google了半天也没有发现什么解决办法，最后在一个网站看到一个例子，原来在层中要设置position为absolute或者r
浏览器 e.pageX e.layerX e.offsetX e.clientX e.x 的区别
learner_boy的博客
05-15 2123
本文转自小西山子【http://www.cnblogs.com/xesam/】
clientX、screenX、pageX、offsetX、layerX
web_hua的博客
10-15 422
e.pageX——参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动 e.layerX——鼠标位置相对当前坐标系的border左上角开始的坐标 e.offsetX——鼠标位置相对当前坐标系的border左上角开始的坐标 e.clientX——鼠标位置相对可视区域的坐标 e.screenX——鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原
Javascript中event对象的clientX，LayerX，offsetX, pageX
漫游学海之旅
02-11 2843
废话不多说，下面分别检测各个浏览器下的e.pageX e.layerX e.offsetX e.clientX e.screenX e.x 属性；测试浏览器：FF9/Chrome15/opera11.52/safari5(win)/IE6/7/8/9测试代码：View Code 图示：测试结果如下：chrome：e.pageX——相对整个页面的坐标 e.layerX——相对当前选
给moz-firefox下添加IE方法和属性
10-30
### 给moz-firefox下添加IE方法和属性 #### 背景介绍 在Web开发过程中，由于不同的浏览器对Web标准的支持程度不一，开发者往往需要处理浏览器间的兼容性问题。尤其是在早期，Internet Explorer（IE）与其他现代...
Javascript下IE与Firefox下的差异兼容写法总结
12-01
window.event对象差异 IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) ... FF：event.layerX和event.layerY。 标签的x和y的坐标位置：styl
浏览器鼠标位置PageX/Y,offsetX/Y,screenX/Y,clientX/Y,layerX/Y与兼容
Freezezeling的博客
03-15 755
PageX/Y:返回鼠标指针的位置，相对于文档的左边缘与上边缘，会随着页面滚动而改变兼容性：除IE6/7/8不支持外，其余浏览器均支持<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javasc
鼠标事件-事件对象
厚渡
07-07 268
标题事件对象归纳
vue实现鼠标右键菜单，解决菜单栏位置偏移的问题
q2056105280的博客
05-17 3466
1、先了解鼠标点击偏移的几个属性。 clientY 指的是距离可视页面左上角的距离，受页面滚动的影响。 pageY 指的是距离可视页面左上角的距离，不受页面滚动影响。 screenY 指的是距离电脑屏幕左上角的距离。 layerY 指的是距离元素的左上角距离，受元素的定位的影响，会从本元素往上找到第一个定位的元素的左上角，找到它或它父级元素中最近具有定位的左上角距离。 offsetY 指的是距离它自己左上角的距离，计算相对于本元素的左上角，不在乎定位问题，计算的是内交点。是IE浏览器的特有属性。 .
pageX,clientX,offsetX,layerX的区别
大鹏
02-17 3660
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_ John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀. 一.PageX和clientX PageX和clientX ,这个两个比较容易搞混, PageX:鼠标在页面上的位置,
IE与FireFox的兼容性问题
feifei20081014的专栏
04-02 668
window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。 通用：两者都有event.clientX和event.client
pageX, clientX, offsetX/layerX, screenX, scrollLeft()属性
VirgoYellow 的专栏
07-17 861
e.pageX——是鼠标指针的位置，相对于文档的左边缘，即相对整个页面的坐标（IE8及其以下的版本不支持该属性） $(selector).scrollLeft(position)——返回（无position）或设置（设置position）匹配元素的滚动条的水平位置 e.clientX——返回当事件被触发时鼠标指针向对于浏览器页面（或当前窗口）的水平坐标，即相对可视区域的坐标 e.offset
各个浏览器中鼠标位置的属性 offsetX layerX PageX clientX （自由拖动框，防止文字选中）...
weixin_30328063的博客
12-27 267
参考： http://blog.csdn.net/crazy_fire/article/details/7721587 http://www.funnyhao.com/pagex-clientx-offsetx-layerx-of-those-things/ 1.offsetX和layerX offsetX: IE特有（新版本浏览器 除了ff都支持）,鼠标相比较于触发事件...
Js event对象offsetX, clientX, pageX, screenX, layerX, x区别（图解）
麻瓜哇哇哇的博客
05-09 1682
简介 因为实际开发中，很少用到event对象的这几个值，每当写的时候又记不清，然后就要浪费时间去查找准确的资料，很是不爽，所以就做个记录~话不多说，直接上图（ps:图是网上找的，如果侵权，立马删除）： 针对offsetX, clientX, pageX, screenX，图上已经标的很明白了，就不做讲解了~ event.x event.x代表点击的点距离可视区左边框的距离，而它在不同浏览器处理结果是不一样的，首先看以下代码 <body> <div> 外
ie与火狐中常见的一些兼容问题
tiao321的专栏
12-06 1477
1. document.form.item 问题 (1)现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox(火狐)下运行 (2)解决方法： 改用 document.formName.elements["elementName"] 2. 集合类对象问题 (1)现有问题： 现有代码中许多集合
Js版Windows窗口模拟，兼容FF火狐，可拖动，可改变大小
www.ooi.cn专栏
11-24 475
窗口模拟--Author:Vibo Email:vibo_cn@hotmail.com body,td,th { font-family: Arial, 宋体; font-size: 12px; } .webWinFrame { position: absolute; left:15px; top:15px; padding: 3px; background-color
JavaScript代码兼容IE与Firefox技巧解析
IE（Internet Explorer）和Firefox（Mozilla Firefox）对某些特性支持的不同，可能导致代码在这些浏览器上表现不一致。以下是一些关键点和解决策略： 1. 事件对象获取： - IE中，事件对象是全局的`window.event`。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值