Question

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

固定元素是一个空div，因此它是不可见的。

目前，fixed元素阻止了其下项目的点击事件。

有可能吗？

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

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

THX

Answer 1

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

看到这个小提琴：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');
});

您是否还可以添加一个代码片段来演示您的问题？

Answer 2

尽管IE10不支持，但您可以使用

clr-namespace

http://jsfiddle.net/leaverou/XxkSC/light/

在这个小提琴中，您可以看到下拉列表被其他元素覆盖，其他元素有指针事件：无，因此您可以单击向下箭头按钮，然后点击实际上转到select元素本身。

BR，萨尔

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

2 个答案: