ID eines angeklickten Elements ermitteln

[molily]

Hallo,

Hallo zusammen,

ist es möglich die ID eines angklickten Objekts zu ermitteln, ohne den Eventhandler des angklickten Objekts zu nutzen.

Du kannst aufsteigende Click-Events beim document-Objekt abfangen:

document.onclick = handler;  
function handler (e) {  
   e = e || window.event;  
   var target = e.target || e.srcElement  
   alert("Geklicktes Element: " + target + "\nID: " + target.id);  
}

Über das Eventobjekt kann man auf das Target des Events zugreifen, das ist das Element, von dem der Click-Event ausging. Dessen ID lässt sich dann abfragen.

<table id="abc">
     ...
   </table>
   <table id="def">
     ...
   </table>
   <table id="ghi">
     ...
   </table>

In dem Fall müsstest du vom Target des Events zusätzlich solange aufsteigen (über parentNode), bis du das zugehörige table-Element findest.

var elem = target;  
   while (elem = elem.parentNode) {  
      if (elem.nodeName == "TABLE")  
         break;  
   }  
alert(elem.id);

Mathias