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

Bazı benzer sorular soruldu.

Ama kodumda, aveya gibi tıklanan alt öğeleri almaya çalışıyorumspan .

Öyleyse eventolay işleyicisine bir argüman olarak iletmenin doğru yolu nedir veya bir argüman iletmeden olay işleyiciye nasıl alınır?

Düzenle

Farkındayım addEventListenerve jQuerylütfen olayı inlineolay işleyiciye geçirmek için bir çözüm sağlayın .

eventnesneyi geçmek için :

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

tıklanan çocuğu almak için element(şu eventparametreyle birlikte kullanılmalıdır :

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

elementkendisini geçmek için (DOMElement):

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

jsFiddle'da canlı örneğe bakın

Satır içi olaylar işlev olarak yürütüldüğünden, basitçe argümanlar kullanabilirsiniz .

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

ve

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

Kabul edilen cevapta bahsedilen 'olay' aslında işleve aktarılan argümanın adıdır. Küresel olay ile ilgisi yok.

Geçmenize gerek yok this, zaten eventvarsayılan olarak otomatik olarak geçirilen nesne var , hangi event.targetnesneden geldiği var. Söz diziminizi hafifletebilirsiniz:

Bu:

<p onclick="doSomething()">

Bununla çalışacak:

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

eventNesneyi somutlaştırmanıza gerek yok , zaten oradadır. Denemek. Ve event.targetdaha önce "bu" olarak adlandırdığınız, onu çağıran tüm nesneyi içerecektir.

Şimdi doSomething () işlevini kodunuzun herhangi bir yerinden dinamik olarak tetiklerseniz, eventbunun tanımsız olduğunu fark edeceksiniz . Bunun nedeni, bir tıklama olayından tetiklenmemiş olmasıdır. Bu nedenle, olayı hala yapay olarak tetiklemek istiyorsanız, şunu kullanın dispatchEvent:

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

Sonra doSomething()görecek eventve event.targether zamanki gibi!

thisHer yere geçmenize gerek yok ve işlev imzalarınızı kablolama bilgilerinden uzak tutabilir ve işleri basitleştirebilirsiniz.