防止mouseenter事件父

时间:2017-08-24 17:30:18

标签: jquery css

根据我在this question中所读到的内容,我希望当我通过首先点击子元素来输入div时,父项的mouseenter事件不会触发。但是,确实如此。

这是一个example来说清楚。我希望mouseenter事件只在我击中蓝色区域时触发,而不是在我击中​​子元素时触发。有可能吗?

1 个答案:

答案 0 :(得分:2)

这是因为事件冒泡。如果子元素没有处理事件,他们的父母将有机会这样做。

如果您想阻止这种情况发生,您需要在" child-level"处理该事件。如果您在事件处理程序中返回await channel.TestExceptionInActionAsync();,则事件将停止遍历DOM,并且父级的事件处理程序将无法运行。

Example on CodePen