没有
最常见的用例是将指针事件设置为 none
,以防止某些形状或所有绘图捕获鼠标事件,并让它们下面的形状接收事件。
如果将鼠标悬停在红色圆圈与蓝色圆圈重叠的区域上,蓝色圆圈仍将接收鼠标事件,因为指针事件设置为 none
<svg viewBox="0 0 150 100">
<style>
.target:hover{fill:green}
</style>
<circle class="target" cx="50" cy="50" r="50" fill="blue"/>
<circle cx="100" cy="50" r="50" fill="red" pointer-events="none"/>
</svg>