Przykład
Wykonać JavaScript, gdy pole wejściowe ma zamiar stracić ostrość:
<input type="text"
onfocusout="myFunction()">
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Onfocusout zdarzenie występuje, gdy element ma zamiar stracić ostrość.
Wskazówka: onfocusout zdarzenie jest podobny do onblur 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ść, należy użyć onfocusout wydarzenie.
Wskazówka: Chociaż Firefox nie obsługuje onfocusout zdarzenie, można dowiedzieć się, czy dziecko element traci fokus lub nie, za pomocą detektora przechwytywania dla onblur zdarzenia (przy użyciu opcjonalnego parametru użyj przechwytu na addEventListener() metoda).
Tip: onfocusout wydarzeniem jest przeciwieństwem onfocusin imprezy.
Wsparcie przeglądarka
Zdarzenie | |||||
---|---|---|---|---|---|
onfocusout | tak | tak | Nieobsługiwany | tak | tak |
Uwaga: onfocusout zdarzenie może nie działać zgodnie z oczekiwaniami w Chrome, Safari i Opera 15+ używając składni JavaScript HTML DOM. Należy jednak pracować jako atrybut HTML i za pomocą addEventListener() metody.
Składnia
W HTML:
W JavaScript (may not work as expected in Chrome, Safari and Opera 15+) :
object .onfocusout=function(){ Spróbuj sam "
W JavaScript, używając addEventListener() metodę:
object .addEventListener("focusout", 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: | tak |
---|---|
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 |
Więcej przykładów
Przykład
Używanie "onfocusin" wraz z "onfocusout" imprezy:
<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
Spróbuj sam " Przykład
Delegacja zdarzenia: ustawienie parametru użyj przechwytu z addEventListener() na true (for focus and blur) :
<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