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

Было задано несколько подобных вопросов.

Но в моем коде я пытаюсь получить дочерние элементы, на которые нажимали, например aилиspan .

Итак, как правильно передать eventв качестве аргумента обработчик событий или как получить событие внутри обработчика без передачи аргумента?

редактировать

Я знаю об этом addEventListenerи jQuery, пожалуйста, предоставьте решение для передачи inlineсобытия обработчику события.

передать eventобъект:

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

чтобы получить дочерний elementэлемент, по которому щелкнули (следует использовать с eventпараметром:

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

передать elementсам (DOMElement):

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

см. живой пример на jsFiddle

Поскольку встроенные события выполняются как функции, вы можете просто использовать аргументы .

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

и

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

«Событие», упомянутое в принятом ответе, на самом деле является именем аргумента, переданного функции. Это не имеет ничего общего с глобальным событием.

Вам не нужно передавать this, уже есть eventобъект, переданный по умолчанию автоматически, который содержит event.targetобъект, из которого он исходит. Вы можете облегчить свой синтаксис:

Это:

<p onclick="doSomething()">

Будет работать с этим:

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

Вам не нужно создавать экземпляр event объекта, он уже существует. Попробуйте сами. И event.targetбудет содержать весь вызывающий его объект, на который вы раньше ссылались как на «это».

Теперь, если вы динамически запускаете doSomething () откуда-то в своем коде, вы заметите, что eventэто undefined. Это потому, что он не был вызван событием щелчка. Поэтому, если вы все еще хотите искусственно вызвать событие, просто используйте dispatchEvent:

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

Тогда doSomething()увидимevent и event.targetкак обычно!

Нет необходимости проходить thisвезде, и вы можете избавить свои сигнатуры функций от информации о связях и упростить вещи.