javascript - 如何在重叠的 html 元素上启用 javascript 鼠标事件？

Question

这可能无法完成，但我在页面正文中的内联 html 顶部有一个固定位置的 div。内联 html 有可点击的元素，固定的 div 有悬停事件。

固定元素是一个空的div，所以是不可见的。

目前，固定元素正在阻止其下项目的点击事件。

这可能吗？

这个解决方案太复杂了 https://stackoverflow.com/a/9616491/209942

可能的解决方案？ https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

谢谢

Answer 1

除非您要停止事件传播，否则固定元素不应阻止其下方项目的点击。

请参阅此 fiddle :https://jsfiddle.net/pv0mygz5/ -- 它表明在没有 event.stopPropagation 的情况下，事件应该被 span 元素上的监听器拦截。

$('#click-me').on('click', function (e) {
    console.log('click triggered');
});

$('.box').on('mouseover', function (e) {
    //don't stop event from bubbling
    console.log('hover triggered');
});

您能否也包含一个代码片段来演示您的问题？