关于layerX,layerY

最新推荐文章于 2023-07-05 15:40:48 发布
最新推荐文章于 2023-07-05 15:40:48 发布
阅读量1.2k 收藏
点赞数
分类专栏： 他山之玉 收藏代码 文章标签： firefox google ie

当需要取到鼠标点击相对于层的位置信息时，在ie下可以用event.offsetX, evnet.offsetY，在Firefox下是event.layerX, event.layerY。但是firefox下总是有问题，取到的不是相对于层的坐标，而是pageX,pageY。 Google了半天也没有发现什么解决办法，最后在一个网站看到一个例子，原来在层中要设置position为absolute或者relative。 OK,问题解决。（转自：http://www.blogjava.net/znjqolf/archive/2005/11/25/21436.html）

qq807700656
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS拖动技术 关于setCapture使用
12-11
1. `event` 对象：这是JavaScript中的事件对象，包含了与事件相关的各种信息，如 `layerX` 和 `layerY`（在Firefox中）或 `offsetX` 和 `offsetY`（在其他浏览器中），它们提供了鼠标点击相对于元素左上角的位置。...
JavaScript中获取鼠标位置相关属性总结
12-11
如果当前元素本身有定位，那么`layerX`和`layerY`将返回相对于该元素的位置；否则，它们会向上查找父元素，直到找到一个有定位的元素为止。在Firefox中，这两个属性并不支持，但可以通过`event.offsetX`和`event....
layerX && layerY
weixin_30892763的博客
05-23 628
转载：https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/layerX UIEvent.layerX 　　非标准 　　这个属性是非标准的属性，并且也没有那个标准说要使用它。 　　如果你要使用它，请不要使用在你的Web产品上。那会不对一些用户起作用的。在不同的浏览器上的实现由许多的兼容性问题。 　　而且，这个属性的行为将来还可能...
layerX/layerY 和 offsetX/layerY
weixin_33743661的博客
11-09 960
为什么80%的码农都做不了架构师？>>> ...
layerX
weixin_30725467的博客
05-11 246
D 转载于:https://www.cnblogs.com/sugar-tomato/p/4494834.html
FF中的layerX、layerY和IE中的offsetX、offsetY
chaoguo1234的专栏
03-11 288
layerX和layerY以及offsetX和offsetY是来获取相对于触发事件发生的元素上，鼠标的坐标位置的，但是两者却有不同。 下面是测试代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...
pageX\pageY & layerX\layerY
为用户考虑问题
07-27 197
[code="html"] pageX\pageY & layerX\layerY example function showCoords(evt){ var form = document.forms.form_coords; var parent_id = evt.target.parentNode.id; form.parentId.value = ...
js Event对象的5种坐标
10-28
在Firefox中，layerX和layerY提供了鼠标相对于事件源元素左上角的坐标，但这个属性在其他浏览器中可能不可用或行为不一致。 5. **screenX 和 screenY**： 这两个属性表示鼠标指针相对于屏幕左上角的位置，而不是...
【JavaScript源代码】教你javascript如何获取指针的位置.docx
12-30
通过结合`pageX/pageY`、`clientX/clientY`、`scrollLeft/scrollTop`以及`offsetX/offsetY`或`layerX/layerY`，我们可以编写兼容不同浏览器的函数，获取鼠标在页面或元素内的精确位置。这在实现动态效果、交互式界面...
javascript 拽拉效果 供JS初学者学习参考
10-30
`layerX`和`layerY`是Firefox特有的属性，而`offsetX`和`offsetY`则适用于其他浏览器。这段代码确保了在所有浏览器中都能正确获取初始偏移值： ```javascript var ox = bbb.layerX?bbb.layerX:bbb.offsetX; var oy ...
火狐下不知道的e.layerX以及e.layerY
12-13 553
之前用kissy，使用了
layerX layerY offsetX offsetY 的区别
闲谈
05-23 1018
layerX layerY 返回的是相对于position:relative,position:absolute的left和top           offsetX offsetY返回的是相对于当前元素的左上角的left和top
offsetX ， clientX ，pageX ，screenX ，layerX ， x ，screen
pgLi
08-15 265
event属性 layerX  ——  相比较于当前坐标系的位置,即如果触发元素没有设置绝对定位或相对定位,以页面为参考点,如果有,将以当前触发元素坐标框border为起点 offsetX —— 返回相对于当前触发元素内容（不含border）位置的水平坐标，有border的话可能出现负值。 clientX —— 返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。 pa...
offsetX与layerX区别
hijack-x's Blog
12-07 7404
FF没有offsetX属性，有个layerX属性，只要将事件源的位置设置成相对定位(position:relative)或绝对定位(position:absolute)，两者结果就相等，表示事件源相对于父元素的X坐标。一个简单的例子：判断鼠标位于事件源左边还是右边，在图片点击自动翻页中常用到。function GetMousePosStr (evnt,ele){    if
offsetX,offsetY,layerX,layerY
丑娘娘不丑
09-01 918
当需要取到鼠标点击相对于层的位置信息时，在IE下可以用event.offsetX，event.offsetY；在FF下是event.layerX，event.layerY。 var x=event.offsetX||event.layerX； var y=event.offsetY||event.layerY； 注意：层写好定位，即：position:relative/absolute。
图解鼠标事件的 ScreenX ，LayerX，clientX，PageX，offsetX，X
fang_my的博客
02-27 1597
这篇文章是由我随手做的笔记改编而来，笔记内容比较粗糙，转化为文章后个人感觉又重新复习了一遍，加深了很大的印象。如果该文章能帮助到一些人，也是一件幸事。可能我以后也会经常来翻阅自己的这篇文章～这几个属性确实容易搞混🤔。
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
nioii-七仔
07-20 472
最近在尝试某验验证码JS逆向 其中 文字点选 验证码，看JS代码的时候，有如下概念：offsetX, clientX, pageX, screenX, layerX 鄙人，看到一位博友的文章，觉得很通俗易懂，所以也转载一下 通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： <!DOCTYPE HTML> <html lang="zh-cn"
JS中 PageX、clientX、offsetX、layerX、offsetTop、offsetWidth各位置属性详解
最新发布
qq_43631129的博客
07-05 6742
PageX、clientX、offsetX、layerX、offsetTop、offsetWidth各位置属性详解
PageX、clientX、screenX、offsetX、layerX的区别
qq_45044074的博客
03-08 7698
一.PageX和clientX PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移而变化. 二.screenX screenX:鼠标在屏幕上的位置,从屏幕左上角开始,这个没有任何争议 三.offsetX和layerX offsetX:IE特有,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点,如果有bode
使用 React 和 Konva 库来创建一个可以在图片上绘制矩形标注的组件（Component）的逻辑，使用 React 和 Konva 库来创建一个可以在图片上绘制椭圆标注的组件，改组件逻辑为：鼠标点击左键打点，移动鼠标的位置，拉出矩形框，矩形框内部自动生成椭圆，鼠标左键再次点击确定椭圆生成，矩形框消失。
06-10
const { layerX, layerY } = event.evt; const newRect = new Konva.Rect({ x: layerX, y: layerY, width: 0, height: 0, stroke: 'red', strokeWidth: 2, dash: [10, 5], }); setRect(newRect); } }...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值