Cara menggunakan jQuery untuk mencetuskan peristiwa trigger_jquery secara automatik-tutorial js-php.cn

Cara menggunakan jQuery untuk mencetuskan peristiwa trigger_jquery secara automatik

WBOY

Lepaskan： 2016-05-16 15:29:06

asal

1242 orang telah melayarinya

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>

Salin selepas log masuk

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("自定义事件");
});

Salin selepas log masuk

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!"]);

Salin selepas log masuk

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