onfocusin wydarzenie
Przykłady
JavaScript jest wykonywane, gdy pole wejściowe (input) ma zamiar uzyskać ostrość:
Spróbuj »
Dno tej sekcji istnieje wiele innych przykładów.
Definicja i Wykorzystanie
onfocusin zdarzenie jest wywoływane, gdy element jest o ostrości.
Wskazówka: onfocusin wydarzeń podobnych do OnFocus imprezy. Główną różnicą jest to, że nie obsługuje OnFocus pęcherzyków zdarzeń. Tak więc, jeśli chcesz dowiedzieć się, czy element lub jego elementy potomne się skupić wymagane onfocusin imprezy.
Wskazówka: Chociaż przeglądarka Firefox nie obsługuje onfocusin 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 staje się skupienie.
Wskazówka: Zamiast wydarzeniem onfocusin imprezy jest onfocusout zdarzenia.
Pomoc Browser
wydarzenie | |||||
---|---|---|---|---|---|
onfocusin | 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żywany w połączeniu z "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 Event: Użyj zdarzenia focusIn (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 »