Ereignis-Listener auf Prototyp

Question

Ich weiß, das funktioniert nicht:

SVGPathElement.prototype.onmouseover=function(){ 
alert("info"); 
} 

I Ereignis-Listener Element Prototyp hinzugefügt werden soll, so dass jedes Mal, wenn ich ein solches Element erstellen kann er automatisch dieses Ereignis listener.How bekommen kann ich Mach es mit Prototyp wie oben?

Answer 1

Sie müssen Ereignisdelegation verwenden.

document.getElementsByTagName("body")[0].addEventListener("mouseover", function(e) { 
    if(e.target && e.target.nodeName === "path") { 
     console.log("SVG Path element clicked); 
    } 
}); 

Sie würden die Mouseover-Event-Handler zum body Element anhängen und die Logik aufzurufen, wenn der Knotenname ist derjenige, dem Sie suchen.