onclick Event Handler

[frankx]

Ahoi,

Ich glaube, ihr redet aneinander vorbei. Lies dir nochmal den Unterschied zwischen Zielelement und verarbeitenden Element durch:

http://redaktion.selfhtml.org/selfhtml-preview/javascript/einbindung.html#bubbling
http://redaktion.selfhtml.org/selfhtml-preview/javascript/einbindung.html#currenttarget-target

Beispiel:

<tr onclick>
   <td>
      <p>blub</p>
   </td>
</tr>

Wenn man hier auf das p klickt und tr einen click-Handler hat, dann gilt:

<tr onclick>        ← Verarbeitendes Element (in der Bubbling-Phase)
   <td>
      <p>blub</p>   ← Zielelement
   </td>
</tr>

Im Handler kann man auf die beteiligten Elemente wie folgt zugreifen:

<tr onclick>        ← this bzw. e.currentTarget gemäß DOM Events
   <td>
      <p>blub</p>   ← e.target gemäß DOM Events bzw. e.srcElement im IE
   </td>
</tr>

Wobei der Funktion das Event aber immer als "arguments[0]" übergeben werden muss?

<tr onclick="blub(arguments[0])"> ?

Dank und Gruß,

frankx