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

Des questions similaires ont été posées.

Mais dans mon code, j'essaye d'obtenir des éléments enfants sur lesquels on a cliqué, comme aouspan .

Alors, quelle est la bonne façon de passer eventcomme argument au gestionnaire d'événements, ou comment obtenir un événement à l'intérieur du gestionnaire sans passer d'argument?

Éditer

Je suis au courant addEventListeneret jQuery, veuillez fournir une solution pour passer un événement à un organisateur d' inlineévénements.

pour passer l' eventobjet:

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

pour obtenir l'enfant cliqué element(doit être utilisé avec le eventparamètre:

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

pour passer le elementlui - même (DOMElement):

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

voir l'exemple en direct sur jsFiddle

Puisque les événements en ligne sont exécutés comme des fonctions, vous pouvez simplement utiliser des arguments .

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

et

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

L '«événement» mentionné dans la réponse acceptée est en fait le nom de l'argument passé à la fonction. Cela n'a rien à voir avec l'événement mondial.

Vous n'avez pas besoin de passer this, il y a déjà l' eventobjet passé par défaut automatiquement, qui contient de event.targetquel objet il provient. Vous pouvez alléger votre syntaxe:

Ce:

<p onclick="doSomething()">

Fonctionnera avec ceci:

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

Vous n'avez pas besoin d'instancier l' eventobjet, il est déjà là. Essaye le. Et event.targetcontiendra l'objet entier l'appelant, auquel vous faisiez référence auparavant comme "ceci".

Maintenant, si vous déclenchez dynamiquement doSomething () à partir de quelque part dans votre code, vous remarquerez que ce eventn'est pas défini. C'est parce qu'il n'a pas été déclenché par un événement de clic. Donc, si vous souhaitez toujours déclencher artificiellement l'événement, utilisez simplement dispatchEvent:

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

Puis doSomething()verra eventet event.targetcomme d'habitude!

Pas besoin de passer thispartout, vous pouvez garder vos signatures de fonction exemptes d'informations de câblage et simplifier les choses.