onfocusout Veranstaltung
Beispiele
JavaScript ausführen, wenn der Eingang kommenden Eingabefeld den Fokus verliert:
Versuchen »
Der untere Abschnitt enthält mehrere Instanzen.
Definition und Verwendung
onfocusout bevorstehende Ereignis ausgelöst wird, wenn das Element den Fokus verliert.
Tipp: onfocusout Ereignisse ähnlich dem onblur Ereignis. Der wesentliche Unterschied ist, dass das onblur Ereignis nicht sprudelnden unterstützt. Also, wenn Sie benötigen, um zu sehen, ob das Element oder Unterelement den Fokus erhält, müssen Sie onfocusout Ereignis zu verwenden.
Tipp: Auch wenn Firefox nicht unterstützt onfocusout 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 den Fokus verliert.
Tipp: Statt Ereignis onfocusout Veranstaltung ist onfocusin Ereignis.
Browser-Unterstützung
| Ereignis | |||||
|---|---|---|---|---|---|
| onfocusout | 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
Verwenden Sie "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 focusout 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 »