// 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>

Sono state poste alcune domande simili.

Ma nel mio codice, sto cercando di ottenere elementi figlio su cui è stato fatto clic, come aospan .

Allora qual è il modo corretto di passare eventcome argomento al gestore di eventi o come ottenere un evento all'interno del gestore senza passare un argomento?

modificare

Sono a conoscenza addEventListenere jQuery, per favore, fornisci una soluzione per passare da un evento all'altro inline.

per passare l' eventoggetto:

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

per ottenere il bambino cliccato element(dovrebbe essere usato con il eventparametro:

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

per passare lo elementstesso (DOMElement):

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

guarda un esempio dal vivo su jsFiddle

Poiché gli eventi inline vengono eseguiti come funzioni, puoi semplicemente utilizzare gli argomenti .

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

e

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

L '"evento" menzionato nella risposta accettata è in realtà il nome dell'argomento passato alla funzione. Non ha niente a che fare con l'evento globale.

Non è necessario passare this, c'è già l' eventoggetto passato automaticamente per impostazione predefinita, che contiene event.targetl'oggetto da cui proviene. Puoi alleggerire la tua sintassi:

Questo:

<p onclick="doSomething()">

Funzionerà con questo:

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

Non è necessario creare un'istanza eventdell'oggetto, è già lì. Provalo. Eevent.target conterrà l'intero oggetto chiamandolo, a cui prima facevi riferimento come "questo".

Ora, se attivi dinamicamente doSomething () da qualche parte nel tuo codice, noterai che eventnon è definito. Questo perché non è stato attivato da un evento di clic. Quindi, se vuoi ancora attivare artificialmente l'evento, usa semplicemente dispatchEvent:

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

Poi doSomething()vedremo evente event.targetcome al solito!

Non è necessario passare thisovunque e puoi mantenere le firme delle funzioni libere dalle informazioni di cablaggio e semplificare le cose.