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
Patricia Arquetteasal
2024-12-14 11:16:10187semak imbas

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);

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);
}

HTML:

<button class="input">Show parameter</button>

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!

Kenyataan:
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