44 - Eventos keydown y keyup (DOM)
Problema:
Confeccionar una página que solicite un nombre de usuario, el cual no puede tener espacios en blanco. En caso que el operador ingrese dicho caracter mostrar un mensaje y no agregarlo.
pagina.html
estilos.css
funciones.js
Ejecución de la página
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prueba</title> </head> <body> <form action="" method="post"> <p>Nombre de usuario:<input type="text" id="usuario" size="20"></p> </form> <script src="funciones.js"></script> </body> </html>
document.getElementById('usuario').addEventListener('keydown', (e) => { let tecla = e.key if (tecla == ' ') { e.preventDefault() alert('No se puede ingresar espacios en blanco para un nombre de usuario') } })
No tiene disponible el navegador la capacidad de iframe
Retornar