Temas > Programacion > Java script - Java > Eventos onFocus y onBlur en java script
Julio

Eventos onFocus y onBlur
El evento onFocus se dispara cuando el objeto toma foco y el evento onBlur
cuando el objeto pierde el foco.
Ejemplo: Implementar un formulario que solicite el nombre y la edad de una
persona. Cuando el control tome el foco borrar el contenido actual, al
abandonar el mismo, mostrar un mensaje de alerta si el mismo está vacío.
<?php //esto no va
<html>
<head></head>
<body>
<script language="JavaScript">
function vaciar(control)
{
  control.value="``;
}
function verificarEntrada(control)
{
  if (control.value==``)
    alert(`Debe ingresar datos`);
}
</script>
<form name="form1">
Ingrese su nombre:
<input type="text" name="nombre" onFocus="vaciar(this)"
onBlur="verificarEntrada(this)"><br>
Ingrese su edad:
<input type="text" name="edad" onFocus="vaciar(this)"
onBlur="verificarEntrada(this)"><br>
<input type="button" value="Confirmar">
</form>
</body>
</html>
?>//esto no va
A cada control de tipo TEXT le inicializamos los eventos onFocus y onBlur.
Le indicamos, para el evento onFocus la función vaciar, pasando como
parámetro la palabra clave this que significa la dirección del objeto que
emitió el evento.
En la función propiamente dicha, accedemos a la propiedad value y borramos
su contenido.
De forma similar, para el evento onBlur llamamos a la función
verificarEntrada donde analizamos si se ha ingresado algún valor dentro
del control, en caso de tener un string vacío procedemos a mostrar una
ventana de alerta.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar