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

Ada beberapa pertanyaan serupa yang telah ditanyakan.

Namun dalam kode saya, saya mencoba mendapatkan elemen anak yang telah diklik, suka aatauspan .

Jadi, apa cara yang benar untuk mengirimkan eventsebagai argumen ke pengendali kejadian, atau bagaimana cara memasukkan kejadian ke dalam pengendali tanpa memberikan argumen?

edit

Saya mengetahui addEventListenerdan jQuery, berikan solusi untuk meneruskan acara ke inlinepenangan acara.

untuk melewati eventobjek:

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

untuk mendapatkan turunan yang diklik element(harus digunakan dengan eventparameter:

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

untuk lulus elementsendiri (DOMElement):

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

lihat contoh langsung di jsFiddle

Karena kejadian sebaris dijalankan sebagai fungsi, Anda cukup menggunakan argumen .

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

dan

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

'Peristiwa' yang disebutkan dalam jawaban yang diterima sebenarnya adalah nama argumen yang diteruskan ke fungsi tersebut. Ini tidak ada hubungannya dengan acara global.

Anda tidak perlu melewatkan this, sudah ada eventobjek yang diteruskan secara otomatis secara default, yang berisi dari event.targetmana objek asalnya. Anda dapat meringankan sintaks Anda:

Ini:

<p onclick="doSomething()">

Akan bekerja dengan ini:

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

Anda tidak perlu membuat instance eventobjek, itu sudah ada. Cobalah. Dan event.targetakan berisi seluruh objek yang memanggilnya, yang sebelumnya Anda rujuk sebagai "ini".

Sekarang jika Anda secara dinamis memicu doSomething () dari suatu tempat di kode Anda, Anda akan melihat bahwa eventtidak ditentukan. Ini karena tidak dipicu dari peristiwa mengklik. Jadi jika Anda masih ingin memicu peristiwa secara artifisial, cukup gunakan dispatchEvent:

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

Kemudian doSomething()akan melihat eventdan event.targetseperti biasa!

Tidak perlu melewati thiskemana - mana, dan Anda dapat menjaga agar tanda tangan fungsi Anda bebas dari informasi kabel dan menyederhanakan banyak hal.