El atributo onfocus se activa cuando un elemento gana foco.
onfocus se usa comúnmente para <input>, <select> y <a>.
Consejo: El atributo onfocus es lo opuesto al atributo onblur.
Nota: El atributo onfocus no se aplica a los siguientes elementos: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, < estilo> o <título>.
EjemploFunción que se activa cuando el campo de entrada recibe el foco. Esta función cambia el color de fondo del campo de entrada.
<script>function setStyle(x){document.getElementById(x).style.background=blue;}</script></head><body> <p>La función se activa cuando el campo de entrada gana foco. Esta función cambia el color de fondo del campo de entrada. </p> Nombre: <input type=text id=fname onfocus=setStyle(this.id)><br>Apellido: <input type=text id=lname onfocus=setStyle(this.id)> </body > Atributo de evento HTML onblur Definición y usoEl atributo onblur se activa cuando el elemento pierde el foco.
onblur se usa a menudo en el código de validación de formularios (como cuando el usuario abandona un campo de formulario).
EjemploValidar un campo de entrada cuando el usuario lo abandona:
<script>function lowerCase(){var x=document.getElementById(fname).valuedocument.getElementById(fname).value=x.toUpperCase()}</script></head><body> <p>Por favor, introduzca su nombre, luego mueva el foco fuera del campo:</p> Ingrese su nombre (caracteres ingleses): <input type=text name=fname id=fname onblur=mayúsculas()> </cuerpo>Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.