change
Misol
Foydalanuvchi <select> elementining tanlangan variantini o‘zgartirganda funksiyani chaqiring:
<select onchange="myFunction()">
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
onchange hodisasi HTML element qiymati o‘zgarganda sodir bo‘ladi.
Maslahat: Bu hodisa oninput hodisasiga o‘xshaydi. Farqi shundaki, oninput hodisasi element qiymati o‘zgargandan so‘ng darhol sodir bo‘ladi, onchange esa kontent o‘zgartirilgandan keyin element fokusni yo‘qotganda sodir bo‘ladi. Yana bir farqi — onchange hodisasi <select> elementlarida ham ishlaydi.
Sintaksis
JavaScript’da, addEventListener() metodi yordamida:
object.addEventListener("change", myScript);
O‘zingiz sinab ko‘ring »
Texnik tafsilotlar
| Ko‘tariladimi (bubbles): | Ha |
|---|---|
| Bekor qilish mumkinmi: | Yo‘q |
| Hodisa turi: | Event |
| HTML teglari: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week">, <select> va <textarea> |
| DOM versiyasi: | Level 2 hodisalari |
Ko‘proq misollar
Misol
Foydalanuvchi kiritish maydoni kontentini o‘zgartirganda funksiyani chaqiring:
<input type="text" onchange="myFunction()">
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
onchange — DOM Level 2 (2001) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!