onfocusout wydarzenie
Przykłady
Wykonanie JavaScript, gdy wejście nadchodzących pole wprowadzania traci fokus:
Spróbuj »
Dolna sekcja zawiera więcej wystąpień.
Definicja i Wykorzystanie
onfocusout nadchodzące wydarzenie jest uruchamiany, gdy element traci fokus.
Wskazówka: onfocusout wydarzeń podobnych do onblur imprezy. Główną różnicą jest to, że zdarzenie onblur nie obsługuje pęcherzyków. Tak więc, jeśli chcesz zobaczyć, czy element lub sub-element dostaje ostrość, trzeba użyć onfocusout imprezy.
Wskazówka: Chociaż Firefox nie obsługuje onfocusout zdarzeń, ale można skorzystać z onfocus (za pomocą metody addEventListener () jest parametrem opcjonalnym useCapture) monitorowanie zdarzeń capture, aby zobaczyć, czy element lub sub-element traci ostrość.
Wskazówka: Zamiast wydarzeniem onfocusout imprezy jest onfocusin imprezy.
Pomoc Browser
wydarzenie | |||||
---|---|---|---|---|---|
onfocusout | tak | tak | Nie obsługuje | tak | tak |
Uwaga: Użyj składni HTML DOM w Chrome, Safari i Opera 15+ przeglądarek onfocusin zdarzenia mogą nie działać poprawnie. Jednakże, jako element HTML stosując metodę addEventListener () może pracować.
gramatyka
W HTML:
JavaScript (Chrome, Safari i Opera 15+ mogą nie działać poprawnie) w:
JavaScript, należy użyć metody addEventListener ():
Uwaga: Internet Explorer 8 i wcześniejsze wersje IE nie obsługuje addEventListener () metody.
dane techniczne
Czy poprzeć bańki: | tak |
---|---|
Może być anulowane: | nie |
Typ zdarzenia: | FocusEvent |
Obsługiwane znaczniki HTML: | Wszystkie elementy HTML z wyjątkiem: <base>, <BDO>, Największa, <head> <html>, <iframe>, <meta>, <param> <script> <style> i <title> |
Więcej przykładów
Przykłady
Użyj "onfocusin" i "onfocusout" imprezy:
Spróbuj »
Przykłady
Delegaci zdarzeń: Set addEventListener () Parametr useCapture jest prawdziwe (ostrość i zgubić ostrość):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "Focus", myFocusFunction, true);
x.addEventListener ( "rozmycie", myBlurFunction, true);
Funkcja myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "żółty";
}
Funkcja myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Spróbuj »
Przykłady
Delegaci zdarzeń: Wykorzystanie focusOut zdarzenia (przeglądarka Firefox nie obsługuje):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "focusIn" myFocusFunction);
x.addEventListener ( "focusOut" myBlurFunction);
Funkcja myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "żółty";
}
Funkcja myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Spróbuj »