96

设置为 pointer-events: none 的 div 的子级是否有可能具有指针事件？

我需要包含另一个 div 的 div 以允许指针事件通过，但 div 本身仍然有事件。

这可能吗？

4

2 回答 2

167

是的，这是可能的，你基本上只是描述了如何。为父母禁用它并为孩子启用它。

pointer-events几乎所有浏览器都支持，包括IE11

请注意，这pointer-events: all仅适用于SVG。

对于 HTML，只有auto和none是受支持的值。

.parent {
  pointer-events: none;
}

.child {
  pointer-events: auto;
}
<div class="parent">
  <a href="#">Parent</a>
  <div class="child">
    <a href="#">Child</a>
  </div>
</div>

演示：http: //jsfiddle.net/4gQkT/

于 2012-08-12T07:30:07.667 回答
10

在子元素的样式上，添加

pointer-events: auto;

pointer-events: all对我不起作用，显然只适用于 SVG 元素。

于 2020-08-18T14:43:32.827 回答