Contoh fungsi acara jQuery biasa
contoh fungsi bind( type, [data], fn )
bind() ialah fungsi yang paling biasa digunakan Beri perhatian kepada parameter data dalam tandatangan kaedah. Anda boleh menghantar beberapa data tambahan sebelum pemprosesan acara:
function handler(event) {
alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler)Perhatikan penggunaan parameter acara Objek acara disatukan dalam jQuery, dan objek acara diluluskan sebagai satu-satunya parameter fungsi pemprosesan acara.
data Kami juga perlu mengakses parameter melalui event.data Mengapa kami perlu menyediakan parameter data?
Oleh kerana kami sering menghadapi masalah ini: kami berharap dapat melakukan yang istimewa. pemprosesan berdasarkan data tertentu daripada sumber acara semasa pemprosesan acara.
Pada masa ini terdapat dua penyelesaian kontroversi di Internet:
(1) Gunakan atribut elemen tersuai untuk menyimpan data.
Contohnya:
<div id="testDiv5" customer="customer data 1">获取自定义数据-1</div>
Dapatkan data dalam fungsi pemprosesan acara:
$("#testDiv5").bind("click", function(event) { alert($(event.target).attr("customer")); });fungsi attr ialah pengetahuan daripada kuliah sebelumnya Ia digunakan untuk mendapatkan ". atribut elemen" elemen dan boleh mendapatkan atribut elemen tersuai. Klik div akan dipaparkan:
(2) Gunakan skrip untuk menghantar data kepada pengendali acara: <🎜 Elemen >
<div id="testDiv6">获取自定义数据-2</div>tidak mempunyai sebarang atribut tersuai Apabila menambah pengendali acara, data tambahan akan dihantar:
$("#testDiv6").bind("click", { customer: "customer data 2" }, function(event) { alert(event.data.customer) });The. hasil selepas mengklik div adalah sama seperti kaedah 1: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>jQuery事件处理:trigger和triggerHandler示例</title>
script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(function()
{
$("#old").click(function()
{
$("#divResult").html("");
$("input").trigger("focus");
});
$("#new").click(function()
{
$("#divResult").html("");
$("input").triggerHandler("focus");
});
$("input").focus(function() { $("<span>Focused!</span>").appendTo("#divResult"); });
})
</script></head><body>
<button id="old">
.trigger("focus")</button>
<button id="new">
.triggerHandler("focus")</button><br />
<br />
<input type="text" value="To Be Focused" />
<div id="divResult"></div>
</body>
</html>Apabila butang ".trigger" diklik, Focused akan dipanggil dua kali, dan elemen input akan Difokuskan: 
Dalam erti kata lain, fungsi pencetus mencetuskan tingkah laku lalai penyemak imbas untuk mendapatkan fokus, membenarkan elemen input mendapat fokus, jadi fokus dipanggil semula Fungsi pengendalian acara.
triggerHandler hanya memanggil fungsi pengendalian acara terikat pada acara fokus dan tidak mencetuskan gelagat penyemak imbas, jadi elemen input akhir tidak mendapat fokus.
![Pertempuran sebenar Vue3 bahagian hadapan [projek vue tulisan tangan]](https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png)
![Tutorial APIPOST [Popularisasi konsep teknikal yang berkaitan dengan komunikasi rangkaian]](https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png)
