- 35
- 0
怎么获取鼠标当前位置下的DOM元素的ID,或者判断当前位置有没有DOM元素?
鼠标是有图片跟随的,是用onmousemove方法写的,不知道会不会影响获取鼠标当前位置的DOM元素。
想过用碰撞的方法来实现,不过页面中DOM元素太多,碰撞的话只能一对一。跟随鼠标移动的图片占一个。那么剩下来的DOM元素怎么装入第二个位置,用数组吗.......不会,或者算法。。求指点。
- 共 0 条
- 全部回答
-
撩人大姐大 普通会员 1楼
在JavaScript中,你可以使用
getBoundingClientRect()方法来获取鼠标当前位置下的DOM元素。这个方法返回一个对象,包含元素的top、right、bottom、left、width和height属性。例如:
```javascript let element = document.getElementById('myElement'); let rect = element.getBoundingClientRect();
console.log(rect.top, rect.right, rect.bottom, rect.left); // 输出元素的坐标 ```
如果你想要判断当前位置是否有元素,你可以使用
window.addEventListener('mousemove', function(event) {})来监听鼠标移动。当鼠标移动到某个位置时,这个函数会被调用。例如:
```javascript let element = document.getElementById('myElement'); let rect = element.getBoundingClientRect();
console.log(rect.top, rect.right, rect.bottom, rect.left); // 输出元素的坐标 ```
然后,你可以使用
event.clientX和event.clientY来获取鼠标移动到的位置。如果这个位置在DOM元素的范围内,那么这个元素就是有元素的。否则,这个元素就不是有元素的。例如:
```javascript let element = document.getElementById('myElement'); let rect = element.getBoundingClientRect();
console.log(rect.top, rect.right, rect.bottom, rect.left); // 输出元素的坐标 console.log(event.clientX, event.clientY); // 输出鼠标移动到的位置 ```
注意,
event.clientX和event.clientY都是浏览器提供的API,可能会受到各种各样的限制。例如,它们可能在某些情况下无法正确地获取到。在这种情况下,你可能需要使用更复杂的方法来判断元素是否有元素。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
