mousemove时在IE下取事件位置event.x和event.y的坑

最新推荐文章于 2022-08-04 14:12:19 发布

flm000

最新推荐文章于 2022-08-04 14:12:19 发布

阅读量3.6k

点赞数

文章标签： ie

本文链接：https://blog.csdn.net/flm000/article/details/7905317

版权

mousemove时在IE下取事件位置event.x时，若鼠标滑过的是一个position:relative的层（以下简称R层），那么在R层里event.x取到的是相对于R层左边框的值，而不是在窗口中的绝对x。

而滑到R层左边外，event.x取到的又是在窗口中的绝对x（假设R层左边没有position:relative的层）；滑到R层右边外时，event.x取到的是相对于R层右边框的值。。。

做鼠标拖拽效果的时候遇到这个坑爹的问题，太坑爹了！！！

所以，要做鼠标拖拽效果，建议使用event.clientX和event.clientY，防止遇到坑爹position:relative层。。。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

flm000

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

自学js第十五天:event坐标偏移量位置和window对象

weixin_47592060的博客

05-07

1585

一.Event对象集合中的鼠标按下或者点击时的相对位置:!=元素的自身位置 1.鼠标event对象给我们展示了 client / offset / page / screen系列的X Y坐标可以用于在不同需求下获取用户鼠标的相对位置.(相对于各种参考物体的位置) 2.首先先了解鼠标event其实是一个事件对象集合来的,里面包含各种各样的鼠标事件的信息.其中就有当前用户点击鼠标触发事件的相对位置坐标. 比如如下的pageX,和 pageY [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来

jq和js用mousemove获取鼠标当前位置

甲戌天火的博客

07-26

8800

html> lang="en"> charset="UTF-8"> jq获取鼠标的位置 div{ width: 500px; height: 500px; background-color: #585858; margin: 0; pa

参与评论您还未登录，请先登录后发表或查看评论

标签在鼠标按下后跟随鼠标移动,兼容低版本IE

lijianfengxiaoli的博客

05-02

324

html, body { height: 100%; width: 100%; padding: 0; margin: 0; } .dialog { width: 250px; height: 250px; position: absolute; background-color: #ccc; -we

firefox ie 鼠标事件坐标兼容问题

winderain的专栏

03-25

1366

firefox和IE处理鼠标事件兼容问题的讨论网上有很多。这里列出我自己碰到的情况。1、取回鼠标坐标的值：在IE中取的坐标会比FireFox中略小，代该10个像素左右这个问题是我在调试鼠标画选择框的时候出现的，IE中调试正常，而FireFox中总是捕捉不到mouseup事件，问题一个个排除，经历一上午才发现是这个问题。我的实现思路和网上的大部分一样，就是mousedown的时

在IE与火狐下window.event对象的区…

绝凌峰

08-07

305

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.clientY属性。鼠标

QT中鼠标位置获取问题之event.globalPos().x()与event.pos().x()与event.x()函数

予非池物

11-23

2287

兼容性之event.x|y

Focus-Fe

03-04

171

简单记录，个人学习。 IE下 event.x |event.y FF下 event.pageX | event.pageY

javascript 获取鼠标的绝对位置 event

12-12

最后，我们使用`addEventListener`方法将这个函数绑定到文档的`mousemove`事件上，这样当鼠标在页面上移动时，就会触发`handleMouse`函数并显示鼠标的当前位置。然而，`clientX`和`clientY`提供的坐标是相对于...

用javascript获取当页面上鼠标光标位置和触发事件的对象的代码

12-03

`ev || window.event` 用于处理 IE 和非 IE 浏览器之间的事件对象差异。接下来，我们讨论如何获取触发事件的对象。例如，当用户点击页面上的元素时，我们可能想获取被点击的元素。这可以通过 `event` 对象的 `...

JavaScript中获取鼠标位置相关属性总结

12-11

在IE中，`event.x`和`event.y`相当于标准浏览器中的`event.layerX`和`event.layerY`，而其他浏览器可能不支持这两个属性。在进行跨浏览器的开发时，需要注意以下兼容性问题： 1. Firefox不支持`event.offsetX`、`...

event.y 与 event.clientY在不同浏览器下的异同

husiyuan6的博客

06-22

566

In Chrome, event.y = event.clientY They are mouse event y location In IE, event.y != event.clientY event.clinetY is mouse event y location. While event.y is not. In Firefox, There is no event.y

JavaScript1

穿心莲

03-22

156

from:http://www.tsolong.com/post/352.html clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 ...

Js之鼠标事件-鼠标事件

cx1361855155的博客

08-04

9388

鼠标点击事件包括 click（点击），dbclick（双击），mousedown（按下）和 mouseup（松开）四个。其中 click 事件比较常用，而mousedown 和 mouseup事件类型多用于鼠标施放，拉伸操作中。如果从父元素中移动到子元素中，也会触发元素的mouseover事件类型。mousemove 事件类型是一个实时响应的事件，当鼠标指针的位置发生变化时（至少移动一个像素），就会触发mousemove事件。该事件响应的灵敏度主要参考鼠标指针的移动速度块慢以及浏览器跟踪更新的速度。...

常见的鼠标事件

hongchen_lian的博客

01-09

2444

常见的鼠标事件 click：单击事件 dblclick：双击事件 mousedown：按下鼠标键时触发 mouseup：释放按下的鼠标键时触发 mousemove：鼠标移动事件 mouseover：移入事件 mouseout：移出事件 mouseenter：移入事件 mouseleave：移出事件 contextmenu：右键事件 mouseover事件和mouseenter事件，都是鼠标进入一个...

absolute和relative定位简单示例&div在屏幕拖动

有一种信仰叫海阔天空

03-12

577

<html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content...

mousemove等鼠标事件日记

xiangyizhixuexi的博客

06-01

2522

DOM:鼠标事件笔记鼠标事件 click：按下鼠标（通常是按下主按钮）时触发。 dblclick：在同一个元素上双击鼠标时触发。 mousedown：按下鼠标键时触发。 mouseup：释放按下的鼠标键时触发。 mousemove：当鼠标在一个节点内部移动时触发。当鼠标持续移动时，该事件会连续触发。为了避免性能问题，建议对该事件的监听函数做一些限定，比如限定一段时间内只能运行一次。 mouseenter：鼠标进入一个节点时触发，进入子节点不会触发这个事件（详见后文）。 mouseover：鼠标进入一个节点

event对象获取方法总结

836811384

11-02

897

简介： Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！ Event对象的获取方法：方法一：例如：function demo1(e){ var e = e || window.event; //此种方法在ie中和google中可以不传参数e也可以获取到event，...

JavaScript事件对象详解：鼠标事件与键盘事件

例如，对于鼠标事件，事件对象可能包含鼠标的位置（x和y坐标）、哪个鼠标按钮被点击、是否有修改键（如Ctrl或Shift键）被按下等。通过在事件处理函数中使用`event`参数，我们可以访问这些信息。例如，`event.clientX...