我有2个div叠在一起。我希望能够接收底部元素的点击事件,而不会丢失顶部元素的悬停事件。
如果我指定指针事件:无顶部元素顶部,点击工作,但然后我丢失顶部元素的悬停事件。
怎么做?
答案 0 :(得分:1)
MDN文档清楚地说明了应该发生的事情:
<强>无强>
该元素永远不是鼠标事件的目标;但是,鼠标事件 如果那些后代具有,则可以将其后代元素作为目标 指针事件设置为其他值。在这种情况下,鼠标 事件将触发此父元素上的事件侦听器 适合在活动期间往返于后代的路上 捕获/泡沫阶段。
https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
您可以做的是编写一个jQuery脚本来捕获点击并传输它们。
jQuery("top-div").click(function(e)
{
e.preventDefault();
jQuery("bottom-div").click();
});
像这样......