objek acara jQu...LOGIN

objek acara jQuery

Menggunakan objek acara jQuery

Menggunakan acara secara semula jadi memerlukan objek acara. Oleh kerana pemerolehan objek acara dan sifat objek acara adalah berbeza antara penyemak imbas yang berbeza, adalah sukar untuk kami menggunakan objek acara merentas penyemak imbas.

Objek acara disatukan dalam jQuery Apabila mengikat fungsi pemprosesan acara, objek acara yang diformatkan oleh jQuery akan dihantar sebagai satu-satunya parameter:

$("#testDiv").bind("click", function(event) { });

Penerangan terperinci tentang objek acara, Anda boleh merujuk kepada dokumentasi rasmi jQuery: http://docs.jquery.com/Events/jQuery.Event

objek acara jQuery menggabungkan perbezaan antara penyemak imbas yang berbeza Sebagai contoh, ia boleh digunakan dalam semua penyemak imbas melalui atribut sasaran acara untuk mendapatkan pencetus acara (untuk menggunakan objek acara asli dalam IE, anda perlu mengakses event.srcElement).

Berikut ialah sifat yang objek acara jQuery boleh menyokong dalam penyemak imbas:

EventObjType.jpg

Di atas ialah acara yang disediakan dalam dokumentasi rasmi jQuery Sifat objek, sifat berikut yang disokong oleh berbilang pelayar juga disediakan:

EventObjTypeMore.jpg


Selain mempunyai sifat , objek peristiwa juga mempunyai peristiwa. Terdapat beberapa acara yang pasti akan digunakan, seperti membatalkan bubbling stopPropagation(), dsb. Berikut ialah senarai fungsi objek acara jQuery:

EventObjFun.jpg


Antara fungsi ini, stopPropagation() ialah yang paling biasa digunakan dan pasti akan digunakan. Ia bersamaan dengan operasi event.cancelBubble=true pada objek acara asal untuk membatalkan menggelegak.


bahagian seterusnya
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(function() { $("a").click(function(event) { alert(event.type); //获取事件类型(此处弹出 click) alert(event.target.href); //获取触发事件的元素的 href 属性值 alert("当前鼠标坐标:" + event.pageX + ", " + event.pageY); //获取鼠标当前坐标 event.preventDefault(); //阻止链接跳转 }); }); </script> </head> <!-- HTML --> <body> <a href="http://www.google.com/">Google</a> </body> </html>
babperisian kursus