如何点击div而不会丢失其悬停事件?

时间:2018-02-01 16:55:51

标签: javascript jquery html css

我有2个div叠在一起。我希望能够接收底部元素的点击事件,而不会丢失顶部元素的悬停事件。

如果我指定指针事件:无顶部元素顶部,点击工作,但然后我丢失顶部元素的悬停事件。

怎么做?

1 个答案:

答案 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();
  });

像这样......