Click on lightblue rectangle
ASV3 : evt.target : SVGUseElement and id : use1
ASV6 : evt.target : SVGElementInstance and id is not property ...
Batik : evt.target : SVGRectElement and id : "rect"
CSV 2.1 : evt.target : SVGRectElement and id : "rect"
Go on orange rectangle and go out
ASV3 : evt.target : SVGUseElement and id : use2
ASV6 : evt.target : SVGUseElement and id : use2
Batik : evt.target : SVGRectElement and id : "rect"
CSV 2.1 : evt.target : SVGRectElement and id : "rect"
Code svg
<defs>
<rect id="rect" width="200" height="100"/>
</defs>
<use id="use1" onclick="alert1(evt)" x="50" y="50" xlink:href="#rect" fill="lightblue"/>
<use id="use2" onmouseout="alert2(evt)" x="50" y="200" xlink:href="#rect" fill="orange"/>
Script for the two functions
alert("evt.target is "+evt.target +"\nid is " + evt.target.getAttributeNS(null,"id"))