addEventlistener()
Misollar
Oynaga click hodisa ishlovchisini qo‘shing:
window.addEventListener("click", myFunction);
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
O‘zingiz sinab ko‘ring »
Soddaroq sintaksis:
window.addEventListener("click", function(){
document.getElementById("demo").innerHTML = "Hello World";
});
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
addEventListener() metodi oynaga hodisa ishlovchisini biriktiradi.
Document metodlari
Element metodlari
Darsliklar
Sintaksis
window.addEventListener(event, function, Capture)
Parametrlar
| Parametr | Tavsif |
| event | Majburiy. Hodisa nomi. "on" prefiksidan foydalanmang. "onclick" emas, "click" yozing. Barcha HTML DOM hodisalari quyidagi sahifada keltirilgan: HTML DOM Event obyekti ma’lumotnomasi. |
| function | Majburiy. Hodisa sodir bo‘lganda ishga tushadigan funksiya. Hodisa sodir bo‘lganda funksiyaga birinchi parametr sifatida event obyekti uzatiladi. event obyektining tipi belgilangan hodisaga bog‘liq. Masalan, "click" hodisasi MouseEvent obyektiga tegishli. |
| capture | Ixtiyoriy (standart = false).true - Ishlovchi ushlash (capturing) bosqichida bajariladi.false - Ishlovchi ko‘tarilish (bubbling) bosqichida bajariladi. |
Qaytariladigan qiymat
| YO‘Q |
Ko‘proq misollar
Oynaga ko‘plab hodisa tinglovchilarini qo‘shishingiz mumkin:
window.addEventListener("click", myFunction1);
window.addEventListener("click", myFunction2);
O‘zingiz sinab ko‘ring »
Turli xil hodisalarni qo‘shishingiz mumkin:
window.addEventListener("mouseover", myFunction);
document.addEventListener("click", someOtherFunction);
window.addEventListener("mouseout", someOtherFunction);
O‘zingiz sinab ko‘ring »
Parametr uzatishda funksiyani parametrlar bilan chaqirish uchun "anonim funksiya"dan foydalaning:
window.addEventListener("click", function() {
myFunction(p1, p2);
});
O‘zingiz sinab ko‘ring »
Hujjatning fon rangini o‘zgartiring:
window.addEventListener("click", function(){
document.body.style.backgroundColor = "red";
});
O‘zingiz sinab ko‘ring »
removeEventListener() metodidan foydalanish:
// Add an event listener
window.addEventListener("mousemove", myFunction);
// Remove the event listener
window.removeEventListener("mousemove", myFunction);
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
addEventListener barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!