如何允许点击穿过 div 但仍然对悬停做出反应？

说我有divA部分重叠的divB。我怎样才能允许点击divA穿过去divB但仍然有hover悬停时触发divA?

我知道pointer-events:none;这使得点击通过，但也阻止了悬停。

我也尝试过以下方法，但它不允许点击失败

$(document).on('click', '.feedback-helper', function(e){
        e.preventDefault();
})

想象一下 div 的关系：

这是它的原因（读作：“让我们避免 X Y 问题”):

我正在致力于实施反馈.js https://github.com/ivoviz/feedback

要查看问题：

• 查看反馈.js 演示 http://ivoviz.github.io/feedback/
• 点击右下角反馈按钮
• 在屏幕上画一个框以突出显示一个部分
• 点击“黑屏”按钮
• 尝试画一个盒子inside第一个盒子你不能，因为点击被第一个框阻止

我需要允许在突出显示的区域上绘制一个遮光框，但如果我设置pointer-events:none;我将失去这些元素上的其他悬停功能。

这是一个 jsFiddle 示例 https://jsfiddle.net/DelightedDoD/dzmqs55p/1/

欢迎所有解决方案

我检查了您的示例页面，如果您在 data-type="highlight" 上设置稍低的 z-index 可以解决该问题，请尝试将 z-index 设为 29990 与当前的 30000 相比。这应该允许您定位突出显示的反馈区域并用遮光元素覆盖它。