Wie kann ich „pointer-events:none' im Internet Explorer simulieren?

Emulieren von Pointer-Events:none im Internet Explorer

Mangelnde Erkennung von Pointer-Events:none durch Internet Explorer; Die Eigenschaft kann die Fähigkeit von Benutzern beeinträchtigen, mit mehrschichtigen Elementen zu interagieren. Dieses Problem tritt auf, wenn ein Farbverlaufs-PNG über einem Diagramm verwendet wird, wodurch ein überlagerndes Div entsteht, das die Benutzerinteraktion behindert. In diesem Artikel wird eine Lösung untersucht, die es Mausereignissen ermöglicht, ein Element im IE zu passieren, als ob pointer-events:none; wurden verwendet.

Lösung

Internet Explorer erkennt nur pointer-events:none; für SVG-Elemente gemäß der W3C-Spezifikation. Um dieses Verhalten für Nicht-SVG-Elemente zu emulieren, besteht eine praktikable Lösung darin, sie in ein SVG-Element einzuschließen.

CSS:

#tryToClickMe{
    pointer-events: none;
    width: 400px;
    height: 400px;
    background-color: red;
}

HTML:

<svg>

Wenn Sie alternativ auf darüber liegende und darunter liegende Objekte zugreifen möchten, stellt Internet Explorer die Methode document.msElementsFromPoint zur Verfügung, die ein Array aller Ebenen zurückgibt, die sich an einem bestimmten Punkt befinden.

Fazit

Durch die Verwendung dieser Techniken ist es möglich, eine ähnliche Funktionalität wie pointer-events:none; im Internet Explorer, was eine verbesserte Benutzerinteraktion trotz mehrschichtiger Elemente ermöglicht.

Das obige ist der detaillierte Inhalt vonWie kann ich „pointer-events:none' im Internet Explorer simulieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!