cari

Rumah >hujung hadapan web >tutorial js >Cara menggunakan jQuery untuk mencetuskan peristiwa trigger_jquery secara automatik

Cara menggunakan jQuery untuk mencetuskan peristiwa trigger_jquery secara automatik

WBOY
WBOYasal
2016-05-16 15:29:061269semak imbas

Kadangkala, adalah perlu untuk mensimulasikan operasi pengguna untuk mencapai kesan klik, seperti selepas pengguna memasuki halaman
Hanya cetuskan acara klik tanpa mengklik secara aktif.

Sebagai contoh, kod berikut: 

<body>
  <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x1'">点击1</a>
  <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x2'">点击2</a>
  <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x3'">点击3</a>
  </br>
  <span id="d"></span>
</body>

Kesannya ialah x1 akan dipaparkan pada halaman 'Klik 1', dan x2 akan dipaparkan pada halaman 'Klik 2'...
Tetapi perlu dicapai bahawa halaman entri pertama ialah 'Klik 1' secara lalai

Dalam jQuery, anda boleh menggunakan kaedah trigger() untuk menyelesaikan operasi simulasi.
Sebagai contoh, anda boleh menggunakan kod berikut untuk mencetuskan peristiwa klik pautan A.

$('a').first().trigger("klik");

Dengan cara ini, apabila halaman dimuatkan, peristiwa klik pada pautan A pertama dicetuskan, dan halaman akan memaparkan x1

Cetuskan acara tersuai

Kaedah

cetus() bukan sahaja boleh mencetuskan acara dengan nama yang sama yang disokong oleh penyemak imbas, tetapi juga mencetuskan acara dengan nama tersuai.
Contohnya, untuk mengikat acara "myEvent" pada elemen, kod jQuery adalah seperti berikut: 

$('#btn').bind("myEvent", function(){ 
  alert("自定义事件");
});

Untuk mencetuskan acara ini, anda boleh menggunakan kod berikut:

$('#btn').trigger("myEvent");

Lulus data

Kaedah

cetus(jenis,[data]) mempunyai dua parameter,
Yang pertama ialah objek acara atau jenis acara yang akan dicetuskan,
Parameter kedua ialah parameter tambahan yang dihantar ke fungsi pemprosesan acara, dihantar dalam bentuk tatasusunan. Ini biasanya dilakukan dengan menghantar parameter ke
Fungsi panggil balik untuk membezakan sama ada peristiwa ini dicetuskan oleh kod atau pengguna.

Berikut ialah contoh menghantar data. 

$('#btn').bind("myEvent", function(event,message1,message2){ 
  alert(message1 + "," + message2);
});
$('#btn').trigger("myEvent", ["Hello","World!"]);

Di atas ialah cara menggunakan jQuery untuk mencetuskan peristiwa secara automatik. Saya harap ia akan membantu pembelajaran semua orang.

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
Artikel sebelumnya：Kod javascript biasa untuk menentukan sama ada nombor versi adalah antara julat versi_kemahiran javascriptArtikel seterusnya：Kod javascript biasa untuk menentukan sama ada nombor versi adalah antara julat versi_kemahiran javascript

Artikel berkaitan

Lihat lagi