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

Se han hecho algunas preguntas similares.

Pero en mi código, estoy tratando de obtener elementos secundarios en los que se haya hecho clic, como aospan .

Entonces, ¿cuál es la forma correcta de pasar eventcomo argumento al controlador de eventos, o cómo obtener el evento dentro del controlador sin pasar un argumento?

editar

Soy consciente de addEventListenery jQuery, por favor, proporcione una solución para pasar de un evento a otro inline.

para pasar el eventobjeto:

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

para obtener el niño en el que se hizo clic element(debe usarse con el eventparámetro:

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

para pasar el elementmismo (DOMElement):

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

ver ejemplo en vivo en jsFiddle

Dado que los eventos en línea se ejecutan como funciones, simplemente puede usar argumentos .

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

y

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

El 'evento' que se menciona en la respuesta aceptada es en realidad el nombre del argumento pasado a la función. No tiene nada que ver con el evento global.

No necesita pasar this, ya existe el eventobjeto pasado automáticamente por defecto, que contiene event.targetcuál tiene el objeto del que proviene. Puedes aligerar tu sintaxis:

Esta:

<p onclick="doSomething()">

Trabajará con esto:

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

No es necesario crear una instancia del eventobjeto, ya está allí. Pruébalo. Y event.targetcontendrá todo el objeto que lo llama, al que antes se refería como "esto".

Ahora, si activa dinámicamente doSomething () desde algún lugar de su código, notará que eventno está definido. Esto se debe a que no se activó por un evento de clic. Entonces, si aún desea activar artificialmente el evento, simplemente use dispatchEvent:

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

Luego doSomething()veremos eventy event.targetcomo de costumbre!

No es necesario pasar a thistodas partes, y puede mantener sus firmas de funciones libres de información de cableado y simplificar las cosas.