Hinzufügen von .blur() - Methode zu SVG-Elementen in IE/Edge

Question

Microsoft IE/Edge scheint den SVG-Elementen keine .blur() -Funktion hinzuzufügen, wie es bei den meisten anderen Browsern der Fall ist. Tatsächlich haben die meisten anderen Elemente in IE/Edge eine Unschärfefunktion.

Das verursacht mich ein Problem, weil ich eine 3rd-Party-Bibliothek verwende, die versucht, die Unschärfe-Funktion von event.target aufzurufen, wenn ich auf bestimmte Elemente klicke und ich ein SVG-Symbol auf einem dieser Elemente verwenden möchte .

Dies wird den folgenden Fehler in IE

Typeerror verursacht: Objekt ‚Blur‘

I unterstützt keine Eigenschaft oder Methode nicht die 3rd-Party-Bibliothek bearbeiten kann, aber ich habe mich gefragt, ob ich könnte den Prototyp des Elements verwenden, um SVGs eine "falsche" Weichzeichnungsfunktion hinzuzufügen, die nur diesen Fehler beseitigt?

Answer 1

Die folgende schien den Trick

if (typeof SVGElement.prototype.blur == 'undefined') { 
    SVGElement.prototype.blur = function(){}; 
} 

zu tun