onfocusin Veranstaltung
Beispiele
JavaScript ausgeführt wird, wenn das Eingabefeld (input) etwa Fokus zu erhalten:
Versuchen »
Der Boden dieses Abschnitts gibt es viele weitere Beispiele.
Definition und Verwendung
onfocusin Ereignis ausgelöst wird, wenn ein Element über scharfgestellt ist.
Tipp: onfocusin Ereignisse ähnlich dem onfocus - Ereignis. Der wesentliche Unterschied besteht darin, dass nicht onfocus Ereignis sprudelnden nicht unterstützt. Also, wenn Sie wissen wollen, ob das Element oder seine untergeordneten Elemente den Fokus erhalten onfocusin Veranstaltung erforderlich.
Tipp: Auch wenn Firefox Browser unterstützt keine onfocusin Ereignisse, aber Sie können verwenden die onfocus (die addEventListener () -Methode ist ein optionaler Parameter useCapture) Capture - Monitor Ereignisse , um zu sehen , ob das Element oder Unterelement Fokus erhält.
Tipp: Statt Ereignis onfocusin Veranstaltung ist onfocusout Ereignis.
Browser-Unterstützung
Ereignis | |||||
---|---|---|---|---|---|
onfocusin | ja | ja | Nicht unterstützt | ja | ja |
Hinweis: Verwenden Sie die HTML - DOM - Syntax in Chrome, Safari und Opera 15+ Browser onfocusin Ereignisse nicht korrekt funktionieren kann. Allerdings ist er als ein HTML-Element durch die addEventListener () -Methode verwendet, kann arbeiten.
Grammatik
In HTML:
JavaScript (Chrome, Safari und Opera 15+ kann nicht richtig funktionieren) in:
JavaScript, verwenden Sie die Methode addEventListener ():
Hinweis: Internet Explorer 8 und frühere Versionen von IE nicht unterstützen addEventListener () Methode.
Technische Details
Ob die Blase zu unterstützen: | ja |
---|---|
Es kann abgebrochen werden: | keine |
Ereignistyp: | Focus |
Unterstützte HTML-Tags: | Alle HTML-Elemente mit Ausnahme von: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> und <title> |
Weitere Beispiele
Beispiele
In Verbindung mit "onfocusin" und "onfocusout" event:
Versuchen »
Beispiele
Event - Delegierten: Set addEventListener () Der Parameter useCapture gilt (für Fokus und Fokus verloren haben):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "Focus", myFocusFunction, true);
x.addEventListener ( "blur", myBlurFunction, true);
Funktion myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "yellow";
}
Funktion myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Versuchen »
Beispiele
Event-Teilnehmer: Verwenden Sie focusin Ereignis (Firefox Browser nicht unterstützt):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "focusin", myFocusFunction);
x.addEventListener ( "focusout", myBlurFunction);
Funktion myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "yellow";
}
Funktion myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Versuchen »