événement onfocusin
Les objets Event
Exemples
JavaScript est exécuté lorsque le champ d'entrée (entrée) est sur le point de se concentrer:
Essayez »
Le fond de cette section, il y a beaucoup d'autres exemples.
Définition et utilisation
événement onfocusin est déclenché quand un élément est sur le point.
Astuce: onfocusin événements similaires à l' onfocus événement. La principale différence est que ne supporte pas onfocus bullage d'événement. Donc, si vous voulez savoir si l'élément ou de ses éléments enfants se concentrer nécessaires onfocusin événement.
Astuce: Bien que Firefox navigateur ne supporte pas onfocusin é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 obtient le focus.
Astuce: Au lieu de l' événement onfocusin événement est onfocusout événement.
support du navigateur
événement | |||||
---|---|---|---|---|---|
onfocusin | 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
Utilisé en conjonction avec "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 focusin (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