événement onfocusout
Les objets Event
Exemples
Exécuter JavaScript lorsque l'entrée à venir zone de saisie perd le focus:
Essayez »
La partie inférieure contient plusieurs instances.
Définition et utilisation
onfocusout événement à venir est déclenchée lorsque l'élément perd le focus.
Astuce: onfocusout événements similaires à l' onblur événement. La principale différence est que l'événement onblur ne supporte pas les bulles. Donc, si vous avez besoin de voir si l'élément ou sous-élément obtient le focus, vous devez utiliser onfocusout événement.
Astuce: Bien que Firefox ne supporte pas les onfocusout événements, mais vous pouvez utiliser le onfocus ( en utilisant la méthode addEventListener () est une option paramètre useCapture) Événements de moniteur de capture pour voir si l'élément ou sous-élément perd le focus.
Astuce: Au lieu de l' événement onfocusout événement est onfocusin événement.
support du navigateur
événement | |||||
---|---|---|---|---|---|
onfocusout | oui | oui | Ne supporte pas | oui | oui |
Remarque: Utilisez la syntaxe DOM HTML dans Chrome, Safari et Opera 15+ navigateurs onfocusin événements peuvent ne pas fonctionner correctement. Cependant, il a comme un élément HTML en utilisant la méthode addEventListener () peut fonctionner.
grammaire
En HTML:
JavaScript (Chrome, Safari et Opera 15+ peuvent ne pas fonctionner correctement) dans:
JavaScript, utilisez la méthode addEventListener ():
Remarque: Internet Explorer 8 et les versions antérieures de IE ne supporte pas les addEventListener () méthode.
détails techniques
Que ce soit pour soutenir la bulle: | oui |
---|---|
Elle peut être annulée: | aucun |
Type de l'événement: | FocusEvent |
balises HTML prises en charge: | Tous les éléments HTML, sauf: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> et <title> |
D'autres exemples
Exemples
Utilisez "onfocusin" et "onfocusout" événement:
Essayez »
Exemples
les délégués de l' événement: Set addEventListener () Le paramètre useCapture est vrai (mise au point et obtenir perdu le focus):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "focus", myFocusFunction, true);
x.addEventListener ( "flou", myBlurFunction, true);
fonction myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "yellow";
}
fonction myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Essayez »
Exemples
les délégués de l'événement: Utiliser événement focusout (Firefox navigateur ne fonctionne pas):
<Input type = "text" id = "myInput">
</ Form>
<Script>
var x = document.getElementById ( "myForm");
x.addEventListener ( "focusin", myFocusFunction);
x.addEventListener ( "focusout", myBlurFunction);
fonction myFocusFunction () {
. Document.getElementById ( "myInput") style.backgroundColor = "yellow";
}
fonction myBlurFunction () {
document.getElementById ( "myInput") style.backgroundColor = ".";
}
</ Script>
Essayez »
Les objets Event