L'attribut onfocus est déclenché lorsqu'un élément obtient le focus.
onfocus est couramment utilisé pour <input>, <select> et <a>.
Astuce : L'attribut onfocus est l'opposé de l'attribut onblur.
Remarque : L'attribut onfocus ne s'applique pas aux éléments suivants : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, < style> ou <titre>.
ExempleFonction déclenchée lorsque le champ de saisie obtient le focus. Cette fonction change la couleur de fond du champ de saisie
<script>function setStyle(x){document.getElementById(x).style.background=white;}</script></head><body> <p>La fonction est déclenchée lorsque le champ de saisie obtient le focus. Cette fonction modifie la couleur d'arrière-plan du champ de saisie. </p> Prénom : <input type=text id=fname onfocus=setStyle(this.id)><br>Nom : <input type=text id=lname onfocus=setStyle(this.id)> </body > Attribut d'événement HTML onblur Définition et utilisationL'attribut onblur est déclenché lorsque l'élément perd le focus.
onblur est souvent utilisé dans le code de validation de formulaire (par exemple lorsque l'utilisateur quitte un champ de formulaire).
ExempleValidez le champ de saisie lorsque l'utilisateur le quitte :
<script>function upperCase(){var x=document.getElementById(fname).valuedocument.getElementById(fname).value=x.toUpperCase()}</script></head><body> <p>Veuillez entrer votre nom, puis déplacez le focus en dehors du champ :</p> Veuillez saisir votre nom (caractères anglais) : <input type=text name=fname id=fname onblur=upperCase()> </body>Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.