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

Algumas perguntas semelhantes foram feitas.

Mas em meu código, estou tentando obter elementos filhos que foram clicados, como aouspan .

Então, qual é a maneira correta de passar eventcomo um argumento para o manipulador de eventos ou como obter o evento dentro do manipulador sem passar um argumento?

editar

Estou ciente addEventListenere jQueryforneça uma solução para passar o evento ao inlinemanipulador de eventos.

para passar o eventobjeto:

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

para obter o filho clicado element(deve ser usado com o eventparâmetro:

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

para passar o elementpróprio (DOMElement):

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

veja o exemplo ao vivo no jsFiddle

Como os eventos inline são executados como funções, você pode simplesmente usar argumentos .

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

O 'evento' mencionado na resposta aceita é, na verdade, o nome do argumento passado para a função. Não tem nada a ver com o evento global.

Você não precisa passar this, já existe o eventobjeto passado por padrão automaticamente, que contém event.targeto objeto de onde está vindo. Você pode aliviar sua sintaxe:

Este:

<p onclick="doSomething()">

Irá funcionar com isto:

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

Você não precisa instanciar o eventobjeto, ele já está lá. Experimente. E event.targetconterá todo o objeto que o chama, ao qual você se referia como "this" antes.

Agora, se você acionar doSomething () dinamicamente de algum lugar em seu código, notará que eventé indefinido. Isso ocorre porque ele não foi acionado a partir de um evento de clique. Portanto, se você ainda deseja acionar artificialmente o evento, basta usar dispatchEvent:

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

Então doSomething()vai ver evente event.targetcomo de costume!

Não há necessidade de passar por thistodos os lugares, e você pode manter suas assinaturas de funções livres de informações de fiação e simplificar as coisas.