Como ocorre o evento quando um elemento perde o foco em JavaScript?


O evento que ocorre quando um elemento perde o foco em JavaScript é chamado de "blur". Esse evento é acionado quando um elemento perde o foco, ou seja, quando o usuário clica em outro elemento da página ou pressiona a tecla "Tab" para navegar para o próximo elemento.

Existem duas maneiras de lidar com o evento "blur" em JavaScript:

  • Usando o atributo HTML "onblur": <input type="text" onblur="myFunction()"> Neste exemplo, a função "myFunction()" será executada quando o usuário sair do campo de texto.

  • Usando o método addEventListener(): document.getElementById("myInput").addEventListener("blur", myFunction); Neste exemplo, a função "myFunction()" será executada quando o usuário sair do campo de texto com o ID "myInput".



About the author

William Pham is the Admin and primary author of Howto-Code.com. With over 10 years of experience in programming. William Pham is fluent in several programming languages, including Python, PHP, JavaScript, Java, C++.