SVG
Zeigerereignisse

Einführung

keiner

Der häufigste Anwendungsfall besteht darin, Zeigerereignisse auf none zu setzen, um zu verhindern, dass bestimmte Formen oder Ihre gesamte Zeichnung Mausereignisse erfassen, und die darunter liegenden Formen die Ereignisse empfangen sollen.

Wenn Sie den Mauszeiger über den Bereich bewegen, in dem der rote Kreis den blauen Kreis überlappt, empfängt der blaue Kreis weiterhin die Mausereignisse, da die Zeigerereignisse auf 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> 

füllen

Wenn Sie pointer-events="fill" können Sie Mausereignisse für eine Form empfangen, auch wenn deren Füllung auf none

<svg viewBox="0 0 100 100">
    <style>
        circle:hover{fill:green}
    </style>
    <circle class="target" cx="50" cy="50" r="50" fill="none"/>
</svg>