获得SVG元素 'id' 属性动态（谷歌SVG网页）

Question

（使用http://code.google.com/p/svgweb/）

window.onsvgload = function() { 
    function onEnter(e) {   
    var targ; 
    if (!e) var e = window.event; 
    if (e.target) targ = e.target; 
    else if (e.srcElement) targ = e.srcElement; 
    if (targ.nodeType == 3) // defeat Safari bug 
     targ = targ.parentNode; 

    alert(targ.hasAttributeNS(null, 'id')); //displays false 
    alert(targ.getAttributeNS(null, 'id')); //displays a blank dialog 
    alert(targ.id); //displays a blank dialog 
    } 

    /* Seldom_Seen is a group element in the SVG - <g id="Seldom_Seen">... */ 
    document.getElementById('Seldom_Seen').addEventListener("mouseover", onEnter, false); //alert is blank 
    document.getElementById('normal_dom_element').addEventListener("mouseover", onEnter, false); //alert displays id as expected 
} 

事件监听SVG元素的作品。我似乎无法得到身份证。我可以获得其他对象属性，如x，y值。无论如何获得目标元素的ID？

Answer 1

也许

e.currentTarget 

但与jQuery，那简直是

window.onsvgload = function() { 
    $('#Seldom_Seen').mouseover(function(){ onEnter(this); }); 
    $('#normal_dom_element').mouseover(function(){ onEnter(this); }); 
} 

function onEnter(obj) { 
    alert($(obj).attr("id")); 
} 

Answer 2

这很可能是你得到比你期待着另一个目标。 “Seldom_Seen”元素中的所有元素都有ID吗？你可以随时提醒目标，看看它是什么类型的元素。

在<g>元素上也有一些与mouseover/mouseout有关的陷阱，事件冒泡，你可能会得到它们两次，除非你做了一些过滤。有关可能的解决方法，请参见slides 17 and 18 here。