避免在下面的绝对定位元素上发生单击事件

Ric*_*hoe 4 css jquery onclicklistener

我有 2 个元素,一个父元素和它的子元素,它们都是绝对定位的。

我为每个元素都有一个点击处理程序,尽管当我点击子元素时,它后面的父元素也会捕获点击。

如何防止父元素接收点击事件?

And*_*ndy 6

如果你想要一个纯 CSS 解决方案,你可以使用pointer-events: none;. 这将确保你的鼠标永远忽略父元素,所以在使用它时要小心。

另外请注意,这是不被支持在IE或Opera。(或者至少,不是在 HTML 元素上,只是在 SVG 上)

jQuery 替代品是 e.StopPropagation,更多信息可以在这里找到