Wie Übergeben Sie Ereignis als Argument an einen Inline-Ereignishandler in JavaScript?

Question

<p id="p" onclick="doSomething(e)"> 
    <a href="#">foo</a> 
    <span>bar</span> 
</p> 

Es wurden einige ähnliche Fragen gestellt.

Aber in meinem Code, Ich versuche Kind-Elemente zu erhalten, die, wie a oder span geklickt wurde.

Also, was ist der richtige Weg, um event als Argument zu Event-Handler zu übergeben, oder wie man Ereignis innerhalb Handler erhalten, ohne ein Argument übergeben?

bearbeiten

Ich bin mir dessen bewusst addEventListener und jQuery, geben Sie bitte eine Lösung Veranstaltung inline Ereignis hander für das Bestehen.

Answer 1

das event Objekt zu übergeben:

function doSomething(e) { 
    e = e || window.event; 
    var target = e.target || e.srcElement; 
    console.log(target); 
} 

passieren das Element selbst (DOMElement):

<p id="p" onclick="doSomething(event);"> 

das geklickt Kind-Element zu erhalten (sollte mit event Parameter verwendet werden

<p id="p" onclick="doThing(this);"> 

siehe Live-Beispiel auf jsFiddle

Answer 2

Da Inline-Ereignisse als Funktionen ausgeführt werden, können Sie einfach Argumente verwenden.

<p id="p" onclick="doSomething.apply(this, arguments)"> 

und

function doSomething(e) { 
    if (!e) e = window.event; 
    // 'e' is the event. 
    // 'this' is the P element 
} 

Das ‚Ereignis‘, die in der akzeptierte Antwort erwähnt wird, ist eigentlich der Name des Arguments der Funktion übergeben. Es hat nichts mit der globalen Veranstaltung zu tun.