Najnowsze tutoriale tworzenie stron internetowych
 

onblur Event

<Object Event

Przykład

Wykonać JavaScript, gdy użytkownik opuszcza pole wejściowe:

<input type="text" onblur="myFunction()">
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Onblur zdarzenie, gdy obiekt traci ostrość.

Impreza onblur jest najczęściej używany z kodem walidacji formularza (np gdy użytkownik opuszcza pole formularza).

Tip: onblur wydarzeniem jest przeciwieństwem onfocus imprezy.

Wskazówka: onblur zdarzenie jest podobny do onfocusout imprezy. Główną różnicą jest to, że zdarzenie nie onblur bańki. Dlatego, jeśli chcesz dowiedzieć się, czy element lub jego dziecko traci ostrość, można użyć onfocusout wydarzenie. Jednak można to osiągnąć za pomocą opcjonalnego parametru użyj przechwytu na addEventListener() metoda przypadku onblur.


Wsparcie przeglądarka

Zdarzenie
onblur tak tak tak tak tak

Składnia

W HTML:

W JavaScript:

object .onblur=function(){ Spróbuj sam "

W JavaScript, używając addEventListener() metodę:

object .addEventListener("blur", myScript );
Spróbuj sam "

Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.


Szczegóły techniczne

bubbles: Nie
opłata: Nie
Typ wydarzenia: FocusEvent
Obsługiwane znaczniki HTML: Wszystkie elementy HTML, z wyjątkiem: <baza>, <BDO>, Największa, <head>, <html>, <iframe>, <meta>, <param> <script> <style> i <title>
DOM wersja: Poziom 2 Wydarzenia

Przykłady

Więcej przykładów

Przykład

Używanie "onblur" razem z "onfocus" imprezy:

<input type="text" onfocus="focusFunction()" onblur="blurFunction()">
Spróbuj sam "

Przykład

Delegacja zdarzenia: ustawienie parametru użyj przechwytu z addEventListener() true:

<form id="myForm">
  <input type="text" id="myInput">
</form>

<script>
var 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>
Spróbuj sam "

Przykład

delegacja zdarzenia: za pomocą zdarzenia focusIn (nie obsługiwane przez Firefoksa):

<form id="myForm">
  <input type="text" id="myInput">
</form>

<script>
var 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>
Spróbuj sam "

<Object Event