javascript - 通过绝对定位元素传递鼠标事件

标签 javascript html dom events dom-events

我正在尝试在一个元素上捕获鼠标事件,该元素上还有另一个绝对定位的元素。

现在,绝对定位元素上的事件命中它并冒泡到它的父级,但我希望它对这些鼠标事件是“透明的”并将它们转发到它后面的任何东西。我应该如何实现这个?

最佳答案

pointer-events: none;

是一个 CSS 属性,它使事件“通过”应用该属性的 HTML 元素。它使事件发生在“下面”的元素上。

详情请见:https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

几乎所有浏览器都支持,包括IE11; 21 年 5 月全局支持率约为 98.2%):http://caniuse.com/#feat=pointer-events (感谢@s4y 在评论中提供链接)。

关于javascript - 通过绝对定位元素传递鼠标事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1009753/

相关文章:

html - 在多行文本下绝对定位一行

javascript - 从具有特定类的每个 DIV 中获取每个 ID

javascript - 如何使用 jQuery 在 iframe 中显示输入源?

javascript - 在动态添加的 DOM 元素上使用点击事件

javascript - JQuery - 将 DOM 元素移动到新父元素的动画?

javascript - express-graphql - 匹配父路由的子路由

javascript - JSON解析失败,带有base64编码图像的Javascript

javascript - 保留 ajax POST 格式/实时帖子提要

javascript - 用普通的旧 JS 动态渲染 DOM 元素的好方法是什么?

javascript - 创建密码扰码器