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

Zadano kilka podobnych pytań.

Ale w moim kodzie próbuję uzyskać elementy podrzędne, które zostały kliknięte, takie jak alubspan .

Jaki jest więc prawidłowy sposób przekazywania eventjako argumentu do programu obsługi zdarzeń lub jak uzyskać zdarzenie wewnątrz modułu obsługi bez przekazywania argumentu?

edytować

Jestem tego świadomy addEventListeneri jQueryproszę o podanie rozwiązania umożliwiającego przekazanie inlinezdarzenia osobie obsługującej wydarzenie.

przekazać eventobiekt:

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

aby uzyskać kliknięte dziecko element(należy użyć z eventparametrem:

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

przekazać elementsiebie (DOMElement):

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

zobacz przykład na żywo na jsFiddle

Ponieważ zdarzenia inline są wykonywane jako funkcje, możesz po prostu użyć argumentów .

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

i

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

„Zdarzenie”, o którym mowa w zaakceptowanej odpowiedzi, jest w rzeczywistości nazwą argumentu przekazanego do funkcji. Nie ma to nic wspólnego z wydarzeniem globalnym.

Nie musisz przekazywać this, istnieje już eventobiekt przekazywany domyślnie automatycznie, który zawieraevent.target obiekt, z którego pochodzi. Możesz rozjaśnić swoją składnię:

To:

<p onclick="doSomething()">

Będzie działać z tym:

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

Nie musisz tworzyć instancji eventobiektu, on już tam jest. Wypróbuj to. Ievent.target będzie zawierał cały obiekt, który go wywołuje, do którego wcześniej odwoływałeś się jako „this”.

Teraz, jeśli dynamicznie uruchomisz metodę doSomething () z dowolnego miejsca w kodzie, zauważysz, że eventjest to niezdefiniowane. Dzieje się tak, ponieważ nie został wywołany przez kliknięcie. Jeśli więc nadal chcesz sztucznie wywołać zdarzenie, po prostu użyj dispatchEvent:

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

Wtedy doSomething()zobaczy eventievent.target jak zwykle!

Nie ma potrzeby przechodzenia thiswszędzie, a sygnatury funkcji mogą być wolne od informacji o okablowaniu i upraszczać.