blur
Misol
Foydalanuvchi kiritish maydonidan chiqqanda funksiyani chaqiring:
<input type="text" onblur="myFunction()">
O‘zingiz sinab ko‘ring »
Tavsif
onblur hodisasi HTML element fokusni yo‘qotganda sodir bo‘ladi.
onblur hodisasi ko‘pincha kiritish maydonlarida ishlatiladi.
onblur hodisasi ko‘pincha forma validatsiyasida (foydalanuvchi forma maydonidan chiqqanda) ishlatiladi.
Fokusga asoslangan hodisalar
| Hodisa | Qachon sodir bo‘ladi |
|---|---|
| focus | Element fokus oladi |
| blur | Element fokusni yo‘qotadi |
| focusin | Element fokus oladi |
| focusout | Element fokusni yo‘qotadi |
Shuningdek qarang:
Sintaksis
JavaScript’da, addEventListener() metodi yordamida:
object.addEventListener("blur", myScript);
O‘zingiz sinab ko‘ring »
Texnik tafsilotlar
| Ko‘tariladimi (bubbles): | Yo‘q |
|---|---|
| Bekor qilish mumkinmi: | Yo‘q |
| Hodisa turi: | FocusEvent |
| HTML teglari: | BARCHA HTML elementlari, QUYIDAGILARDAN TASHQARI: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> va <title> |
| DOM versiyasi: | Level 2 hodisalari |
Ko‘proq misollar
Misol
onfocus va onblur atributlaridan foydalanish:
<input type="text" onfocus="focusFunction()" onblur="blurFunction()">
O‘zingiz sinab ko‘ring »
Misol
Hodisalarni delegatsiya qilish: focus va blur hodisalaridan foydalanish:
addEventListener() ning useCapture parametrini true ga o‘rnating:
<form id="myForm">
<input type="text" id="myInput">
</form>
<script>
let x = document.getElementById("myForm");
x.addEventListener("focus", myFocusFunction, true);
x.addEventListener("blur", myBlurFunction, true);
function myFocusFunction() {
document.getElementById("myInput").style.backgroundColor = "yellow";
}
function myBlurFunction() {
document.getElementById("myInput").style.backgroundColor = "";
}
</script>
O‘zingiz sinab ko‘ring »
Misol
Hodisalarni delegatsiya qilish: focusin va focusout hodisalaridan foydalanish:
<form id="myForm">
<input type="text" id="myInput">
</form>
<script>
let x = document.getElementById("myForm");
x.addEventListener("focusin", myFocusFunction);
x.addEventListener("focusout", myBlurFunction);
function myFocusFunction() {
document.getElementById("myInput").style.backgroundColor = "yellow";
}
function myBlurFunction() {
document.getElementById("myInput").style.backgroundColor = "";
}
</script>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
onblur — 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!