focusout
Misol
Kiritish maydoni fokusni yo‘qotish arafasida funksiyani chaqiring:
<input type="text" onfocusout="myFunction()">
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
onfocusout hodisasi element fokusni yo‘qotganda sodir bo‘ladi.
onfocusout hodisasi ko‘pincha kiritish maydonlarida ishlatiladi.
onfocosout 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("focusout", myScript);
O‘zingiz sinab ko‘ring »
Texnik tafsilotlar
| Ko‘tariladimi (bubbles): | Ha |
|---|---|
| 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 |
Brauzerlarda qo‘llab-quvvatlash
onfocusout — 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 |
Ko‘proq misollar
Misol
onfocus va onblur dan foydalanish:
<input type="text" onfocus="focusFunction()" onblur="blurFunction()">
O‘zingiz sinab ko‘ring »
Misol
Fokus olinganda kiritish maydonini tozalang:
<input type="text" onfocus="this.value=''" value="Blabla">
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 »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!