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

Emulation von Zeigerereignissen: keine im Internet Explorer

In einem Projekt zur Verbesserung von Highcharts entstand die Notwendigkeit, ein Verlaufs-PNG anzuzeigen über den Charts. Die Verwendung der CSS-Eigenschaft pointer-events:none würde es Benutzern trotz des überlagernden div ermöglichen, mit dem Diagramm zu interagieren. Diese Eigenschaft wird jedoch vom Internet Explorer nicht erkannt.

Wie aktiviere ich Zeigerereignis-ähnliche Funktionen im IE?

Während pointer-events: none nicht direkt ist Wird im Internet Explorer unterstützt, unterstützt der Browser Zeigerereignisse für SVG-Elemente, wie vom W3C angegeben. Das bedeutet, dass Sie SVG-Elemente verwenden können, um eine ähnliche Funktionalität zu erreichen:

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

<svg>

Bei diesem Ansatz werden Mausereignisse über das SVG-Element an die zugrunde liegenden Elemente weitergeleitet. Sie können diese Funktionalität weiter verbessern, indem Sie vorhandene Elemente mit der jQuery-Methode „wrap()“ in ein SVG einschließen.

Alternative Lösung für den Zugriff auf darüber und darunter liegende Objekte

Bei Bedarf Um sowohl auf darüber liegende als auch auf darunter liegende Objekte zuzugreifen, können Sie die im IE verfügbare Methode document.msElementsFromPoint verwenden. Diese Methode gibt ein Array aller Ebenen an einem bestimmten Punkt zurück, sodass Sie mit beiden zugänglichen Elementen interagieren können.

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