首页  >  文章  >  web前端  >  你能在没有鼠标事件的情况下确定 JavaScript 中的鼠标位置吗?

你能在没有鼠标事件的情况下确定 JavaScript 中的鼠标位置吗?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-10-23 19:38:31869浏览

Can You Determine the Mouse Position in JavaScript Without Mouse Events?

在没有鼠标事件的情况下获取鼠标位置

您可以在页面加载时在 JavaScript 中检索鼠标位置,而不需要任何鼠标移动事件吗?

答案:

传统上,如果没有用户输入,就不可能确定鼠标位置。但是,有一个解决方法:

棘手的方法(避免使用):

创建一个覆盖整个文档的覆盖 DIV。添加 2,000 x 2,000 个锚元素“”,每个元素大小为 1 像素。应用修改特定属性(例如 font-family)的 CSS“:hover”规则。

页面加载后迭代 400 万个“”元素中的每一个。检查每个元素的 currentStyle/getComputedStyle() ,直到其中一个元素更改其字体。这标识了不可见光标下的元素。计算此元素的坐标以确定鼠标位置。

注意:

不要使用此方法。它涉及大量 DOM 操作和性能影响。在实际应用中避免这种方法。

以上是你能在没有鼠标事件的情况下确定 JavaScript 中的鼠标位置吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn