我试图在一个元素上捕获鼠标事件,另一个绝对定位的元素位于该元素之上.

现在,绝对定位元素上的事件击中它并冒泡到其父元素,但我希望它对这些鼠标事件"透明",并将它们转发到它背后的任何对象.我应该如何实现这一点?

推荐答案

pointer-events: none;

是一个CSS属性,它使事件"通过"应用该属性的HTML元素.它使事件发生在"下方"元素上.

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

几乎所有的浏览器都支持它,包括IE11;全球支持在05/‘21):http://caniuse.com/#feat=pointer-events(感谢@s4y在 comments 中提供了链接).

Javascript相关问答推荐

文件阅读器未读取一个文件

在Chart.js 4.4.2中移动到不同大小的容器时,图表不会调整大小

Fastify错误:CORS策略已阻止从起源api-dev.example.com上的MLhttp请求

Mongodb拥有5亿个文档,我想根据JavaScript驱动程序中的两个字段使用regEx进行搜索,而不是模式

在HTML中使用脚本变量作为背景图像源

为什么在获取回调内设置状态(不会)会导致无限循环?

Phaser框架-将子对象附加到Actor

深嵌套的ng-container元素仍然可以在Angular 布局组件中正确渲染内容吗?

我不知道为什么setwritten包装promise 不能像我预期的那样工作

在nextjs服务器端api调用中传递认证凭证

html + java script!需要帮助来了解为什么我得到(无效的用户名或密码)

Chart.js-显示值应该在其中的引用区域

WhatsApp Cloud API上载问题:由于MIME类型不正确而导致接收&Quot;INVALID_REQUEST";错误

使用VUE和SCSS的数字滚动动画(&;内容生成)

使用Nuxt Apollo在Piniastore 中获取产品细节

为什么JPG图像不能在VITE中导入以进行react ?

无法避免UV:flat的插值:非法使用保留字"

如何访问此数组中的值?

如何修复使用axios运行TSC index.ts时出现的错误?

谷歌饼图3D切片