Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menyalurkan Argumen kepada Fungsi Pendengar Acara dalam JavaScript?

Bagaimanakah Saya Boleh Menyalurkan Argumen kepada Fungsi Pendengar Acara dalam JavaScript?

Patricia Arquette
Lepaskan: 2024-12-14 11:16:10
asal
180 orang telah melayarinya

How Can I Pass Arguments to an Event Listener Function in JavaScript?

Melalukan Argumen kepada Fungsi Pendengar Acara

Pertimbangkan senario ini:

var someVar = some_other_function();
someObj.addEventListener("click", function(){
    some_function(someVar);
}, false);
Salin selepas log masuk

Isu di sini ialah someVar tidak boleh diakses dalam fungsi pendengar daripada addEventListener. Ia dianggap sebagai pembolehubah tempatan baharu.

Penyelesaian: Manfaatkan Atribut Sasaran Acara

Daripada cuba mengakses pembolehubah dari luar fungsi pendengar, dapatkan semula hujah terus daripada atribut sasaran acara.

Untuk instance:

const someInput = document.querySelector('button');
someInput.addEventListener('click', myFunc, false);
someInput.myParam = 'This is my parameter';

function myFunc(evt)
{
  window.alert(evt.currentTarget.myParam);
}
Salin selepas log masuk

HTML:

<button class="input">Show parameter</button>
Salin selepas log masuk

Pendekatan ini memastikan bahawa maklumat yang diperlukan dirangkumkan dalam objek acara, menjadikannya boleh diakses apabila fungsi pendengar dipanggil.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyalurkan Argumen kepada Fungsi Pendengar Acara dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan