SICHQONCHA VA FOKUS HODISALARI.
JQuery'da sichqoncha harakatlarini kuzatish uchun quyidagi hodisalar eng ko'p ishlatiladi.
sichqonchani pastga tushiring
sichqoncha
bosing
sichqonchani siljitish
g'ildirak
hoved
sichqonchani kiritish
sichqonchani ustiga bosing
sichqonchani bargi
sichqoncha
Bosish hodisasi murakkab hodisa bo'lib, u sichqonchani pastga tushirish va sichqonchani ko'tarish hodisalari ishga tushirilgandan keyin sodir bo'ladi. Sichqonchani pastga tushirish hodisasi kursor element ustida turganda va sichqoncha tugmasi bosilganda sodir bo'ladi. Sichqonchani ko'tarish hodisasi kursor element ustida turganda va sichqoncha tugmasi qo'yib yuborilganda sodir bo'ladi. Kursor element ustida joylashganda va sichqoncha tugmasi bosilganda va qo'yib yuborilganda, bosish hodisasi ishga tushadi. Ushbu hodisalar har qanday qabul qilinishi mumkin HTML elementi s.
Masalan, oyna elementining onclick hodisasiga ishlov beruvchini osib qo'yaylik. Ushbu hodisa sodir bo'lganda, ishlov beruvchi bosilgan tugmaning raqamini va kursor koordinatalarini ko'rsatadi:
$(window).on("click", function(e) ( // bosish hodisasini boshqarish... console.log("Tugma bosildi: " + e.qaysi); //1 - chap tugma, 2 - o'rta tugmasi , 3 - o'ng console.log("Kursor koordinatalari: x = " + e.pageX + " ; y = " + e.pageY); ));
Masalan, btn klassi bo'lgan barcha elementlarga onclick hodisasini osib qo'yaylik:
$(".btn").on("click", function()( // tugmani bosish hodisasi ishlov beruvchisi kodi... )); Voqea stenografiyasini bosing: $(".btn").click(function()( ... ));
Masalan, bosish hodisasidan bir muncha vaqt o'tgach blokni qanday yashirishni ko'rib chiqaylik:
...5 soniyadan keyin blokni yashirish...
Hodisa ishlov beruvchilari off usuli yordamida olib tashlanadi. Shu bilan birga, undan foydalanib, siz faqat on usuli yordamida qo'shilgan ishlov beruvchilarni olib tashlashingiz mumkin.
O'chirish usulini argumentlarsiz chaqirish belgilangan elementlarga qo'shilgan barcha hodisa ishlov beruvchilarini olib tashlaydi.
Misol uchun, havola sinfiga ega elementlar uchun barcha ishlov beruvchilarni o'chirib qo'yaylik:
$(".link").off();
Masalan, havola sinfiga ega bo'lgan barcha elementlardan click hodisasini olib tashlaymiz:
$(".link").off("link");
Maxsus selektor (**) faqat vakolat berilgan voqealarni o'chirishga imkon beradi va vakolat berilmaganlarni saqlaydi:
$(".link").off("klik","**");
Faqat belgilangan vakolatli hodisalarni olib tashlang (selektor yordamida):
// topshirilgan hodisani qo'shish $("ul").on("click","li", function()( // console.log($(this).text() li elementining mazmunini konsolga chop eting ))) ))) ; // topshirilgan hodisani o'chirish $("ul").off("click","li");
Sinf ko'rinishidagi elementlar uchun modal nomlar maydonida vakolat berilgan klik hodisasining barcha openModal ishlov beruvchilarini olib tashlang:
$("tana").on("click.modal", ".show", openModal);
Do'stlaringiz bilan baham: |