Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menghantar Parameter kepada Fungsi Pengguna dalam jQuery .click Pengendali Acara?

Bagaimana untuk Menghantar Parameter kepada Fungsi Pengguna dalam jQuery .click Pengendali Acara?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-23 17:51:59858semak imbas

How to Pass Parameters to User Functions in jQuery .click Event Handler?

Melalukan Parameter kepada Fungsi Pengguna dengan .click jQuery

Dalam jQuery, pengendali acara .click membenarkan anda melaksanakan fungsi apabila elemen diklik. Untuk menggunakan fungsi ini, tentukan fungsi sebagai hujah untuk .click(). Walau bagaimanapun, menghadapi kesukaran dalam menghantar parameter kepada fungsi itu lazimnya dihadapi.

Untuk menyelesaikan isu ini, anda boleh mempertimbangkan untuk menggunakan fungsi tanpa nama yang segera dilaksanakan dalam .click(), seperti yang dilihat di bawah:

<code class="js">$('.leadtoscore').click(function() { add_event('shot'); });</code>

Sebagai alternatif, jika anda ingin memanggil fungsi add_event dari berbilang lokasi, pendekatan lain ialah menggunakan atribut data jQuery untuk menghantar parameter. Versi 1.4.3 memperkenalkan ciri ini, membenarkan penciptaan peta data dan menghantarnya sebagai parameter pertama kepada .click().

<code class="js">$('.leadtoscore').click({ event: 'shot' }, add_event);</code>

Dalam pengendali acara, akses peta data melalui objek acara , seperti yang ditunjukkan di sini:

<code class="js">function add_event(event) {
  const eventParam = event.data.event;
}</code>

Kaedah ini menyediakan mekanisme yang mudah untuk menghantar parameter kepada fungsi yang digunakan oleh .click() sambil mengekalkan fleksibiliti untuk memanggil fungsi dari tempat yang berbeza dalam kod anda.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Parameter kepada Fungsi Pengguna dalam jQuery .click Pengendali Acara?. 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