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

最新推荐文章于 2022-07-07 22:41:08 发布
最新推荐文章于 2022-07-07 22:41:08 发布
阅读量626 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Do_it__/article/details/6072807
博客指出在火狐浏览器中不存在e.offsetX和e.offsetY，经过查找发现可使用e.layerX替代，聚焦于火狐浏览器特定属性的情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

pageX、clientX、screenX、offsetX、layerX、x
asd65285的专栏
10-16 559
chrome： e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 e.offsetX——相对当前坐标系的border左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对可视区域的坐标 ff： e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标
关于layerX,layerY
qq807700656的专栏
01-27 1300
当需要取到鼠标点击相对于层的位置信息时，在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 2105
本文转自小西山子【http://www.cnblogs.com/xesam/】
clientX、screenX、pageX、offsetX、layerX
web_hua的博客
10-15 407
e.pageX——参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动 e.layerX——鼠标位置相对当前坐标系的border左上角开始的坐标 e.offsetX——鼠标位置相对当前坐标系的border左上角开始的坐标 e.clientX——鼠标位置相对可视区域的坐标 e.screenX——鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原
Javascript中event对象的clientX，LayerX，offsetX, pageX
漫游学海之旅
02-11 2814
废话不多说，下面分别检测各个浏览器下的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——相对当前选
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不支持。...
给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 725
PageX/Y:返回鼠标指针的位置，相对于文档的左边缘与上边缘，会随着页面滚动而改变兼容性：除IE6/7/8不支持外，其余浏览器均支持<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javasc
鼠标点击的各种坐标 (事件对象)
weixin_34184158的博客
01-21 2126
e.clientX,e.clientY返回事件发生时，鼠标指针相对于浏览器窗口可视区域的水平（垂直）窗口坐标。可视区域不包括工具栏和滚动条，IE事件和标准事件都定义了这2个属性 e.pageX e.pageY返回鼠标指针的位置，类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不...
canvas画图 事件
tom_ke的专栏
05-25 1402
DOM是Web前端领域非常重要的组成部分，不仅在处理HTML元素时会用到DOM，图形编程也同样会用到。比如SVG绘图，各种图形都是以DOM节点的形式插入到页面中，这就意味着可以使用DOM方法对图形进行操作。比如有一个元素，可以直接用jquery增加click事件$('#p1').click(function(){…})"。然而这种DOM处理方法在HTML5的Canvas里不再适用，Canvas使用
鼠标事件-事件对象
厚渡
07-07 258
标题事件对象归纳
vue实现鼠标右键菜单，解决菜单栏位置偏移的问题
q2056105280的博客
05-17 3372
1、先了解鼠标点击偏移的几个属性。 clientY 指的是距离可视页面左上角的距离，受页面滚动的影响。 pageY 指的是距离可视页面左上角的距离，不受页面滚动影响。 screenY 指的是距离电脑屏幕左上角的距离。 layerY 指的是距离元素的左上角距离，受元素的定位的影响，会从本元素往上找到第一个定位的元素的左上角，找到它或它父级元素中最近具有定位的左上角距离。 offsetY 指的是距离它自己左上角的距离，计算相对于本元素的左上角，不在乎定位问题，计算的是内交点。是IE浏览器的特有属性。 .
pageX,clientX,offsetX,layerX的区别
大鹏
02-17 3601
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_ John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀. 一.PageX和clientX PageX和clientX ,这个两个比较容易搞混, PageX:鼠标在页面上的位置,
IE与FireFox的兼容性问题
feifei20081014的专栏
04-02 651
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
各个浏览器中鼠标位置的属性 offsetX layerX PageX clientX （自由拖动框，防止文字选中）...
weixin_30328063的博客
12-27 251
参考： 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区别
热门推荐
lzding的博客
05-02 5万+
通过 2 张图和 1 张表格，轻松区别 Javascript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 不同浏览器对这些属性的支持：
Js event对象offsetX, clientX, pageX, screenX, layerX, x区别（图解）
麻瓜哇哇哇的博客
05-09 1648
简介 因为实际开发中，很少用到event对象的这几个值，每当写的时候又记不清，然后就要浪费时间去查找准确的资料，很是不爽，所以就做个记录~话不多说，直接上图（ps:图是网上找的，如果侵权，立马删除）： 针对offsetX, clientX, pageX, screenX，图上已经标的很明白了，就不做讲解了~ event.x event.x代表点击的点距离可视区左边框的距离，而它在不同浏览器处理结果是不一样的，首先看以下代码 <body> <div> 外
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、付费专栏及课程。

余额充值