O atributo onfocus é acionado quando um elemento ganha foco.
onfocus é comumente usado para <input>, <select> e <a>.
Dica: O atributo onfocus é o oposto do atributo onblur.
Nota: O atributo onfocus não se aplica aos seguintes elementos: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, < estilo> ou <título>.
ExemploFunção acionada quando o campo de entrada recebe foco. Esta função altera a cor de fundo do campo de entrada
<script>function setStyle(x){document.getElementById(x).style.background=yellow;}</script></head><body> <p>A função é acionada quando o campo de entrada ganha foco. Esta função altera a cor de fundo do campo de entrada. </p> Nome: <input type=text id=fname onfocus=setStyle(this.id)><br>Sobrenome: <input type=text id=lname onfocus=setStyle(this.id)> </body > Atributo de evento HTML onblur Definição e usoO atributo onblur é acionado quando o elemento perde o foco.
onblur é frequentemente usado no código de validação de formulário (como quando o usuário sai de um campo de formulário).
ExemploValide um campo de entrada quando o usuário sair dele:
<script>função upperCase(){var x=document.getElementById(fname).valuedocument.getElementById(fname).value=x.toUpperCase()}</script></head><body> <p>Insira seu nome e mova o foco para fora do campo:</p> Digite seu nome (caracteres em inglês): <input type=text name=fname id=fname onblur=upperCase()> </body>O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.