// this e works
document.getElementById("p").oncontextmenu = function(e) {
    e = e || window.event;
    var target = e.target || e.srcElement;
    console.log(target);
};

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

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

Es wurden einige ähnliche Fragen gestellt.

Aber in meinem Code versuche ich, untergeordnete Elemente zu erhalten, auf die geklickt wurde, wie aoderspan .

Was ist also der richtige Weg, um eventein Argument an den Ereignishandler zu übergeben, oder wie kann ein Ereignis in den Handler übernommen werden, ohne ein Argument zu übergeben?

bearbeiten

Ich bin mir bewusst addEventListenerund jQuerybitte geben Sie eine Lösung für die Weitergabe von Event an inlineEvent Hander.

um das eventObjekt zu übergeben:

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

um das angeklickte Kind zu erhalten element(sollte mit folgenden eventParametern verwendet werden:

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

sich elementselbst übergeben (DOMElement):

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

siehe Live-Beispiel auf jsFiddle

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', das in der akzeptierten Antwort erwähnt wird, ist tatsächlich der Name des an die Funktion übergebenen Arguments. Es hat nichts mit dem globalen Ereignis zu tun.

Sie müssen nicht übergeben this, es gibt bereits das eventObjekt, das standardmäßig automatisch übergeben wird und das event.targetdas Objekt enthält , von dem es stammt. Sie können Ihre Syntax vereinfachen:

Dies:

<p onclick="doSomething()">

Wird damit funktionieren:

function doSomething(){
  console.log(event);
  console.log(event.target);
}

Sie müssen das eventObjekt nicht instanziieren , es ist bereits vorhanden. Versuch es. Und event.targetenthält das gesamte Objekt, das es aufruft und das Sie zuvor als "dies" bezeichnet haben.

Wenn Sie nun dynamisch doSomething () von irgendwo in Ihrem Code auslösen, werden Sie feststellen, dass dies nicht eventdefiniert ist. Dies liegt daran, dass es nicht durch ein Ereignis des Klickens ausgelöst wurde. Wenn Sie das Ereignis dennoch künstlich auslösen möchten, verwenden Sie einfach dispatchEvent:

document.getElementById('element').dispatchEvent(new CustomEvent("click", {'bubbles': true}));

Dann doSomething()sehen eventund event.targetwie gewohnt!

Sie müssen nicht thisüberall vorbeikommen , und Sie können Ihre Funktionssignaturen frei von Verdrahtungsinformationen halten und die Dinge vereinfachen.