// 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це невизначено. Це пов’язано з тим, що це не було викликано подією клацання. Отже, якщо ви все-таки хочете штучно викликати подію, просто використовуйте dispatchEvent:

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

Тоді doSomething()побачимо eventі event.targetяк зазвичай!

Не потрібно передавати thisскрізь, і ви можете захистити підписи своїх функцій від інформації про проводку та спростити речі.