¿Cómo puedo hacer, cuando mi cursor deja el campo de entrada, se activa una función que cambia el color de fondo de entrada? Estaba tratando de hacer esto, pero no funcionó bien.
<!DOCTYPE html> <html> <body> Enter your name: <input type="text" id="name" onchange="changeColor()"> <script> function changeColor() { const x = document.getElementById("name"); x.style.background = "red"; } </script> </body> </html>function changeColor(ev) { ev.target.style.backgroundColor = "red"; }Puede usar el evento de blur para apuntar específicamente a la pérdida de enfoque:
Enter your name: <input type="text" id="name"> <script> const x = document.getElementById("name"); x.onblur = changeColor; function changeColor() { x.style.background = "red"; } </script>Pruebe el detector de eventos onmouseleave. onchange generalmente involucraba el cambio del valor del campo de entrada.
En CSS tiene: selector de enfoque para diseñar en función de si la entrada está enfocada o no