Manejadores de eventos de DHTML
- Página anterior DHTML DOM
- Página siguiente Resumen de DHTML
Puede realizar某种操作 en un elemento a través de un gestor de eventos cuando ocurre algún evento.
Ejemplo
La página se ha cargado completamente.La mayoría de los ejemplos de DHTML requieren IE 4.0+, Netscape 7+ o Opera 7+!
- onmouseover y onmouseout
- Cómo cambiar el color de un elemento cuando el puntero del ratón se coloca sobre él y se mueve.
- El usuario cambia el valor del objeto.
- Cómo encender la luz y cambiar la imagen al hacer clic en una imagen y volver a la imagen original al hacer clic nuevamente.
- onmousedown y onmouseup
- Esta vez, la luz solo se encenderá cuando mantenga presionado el botón del ratón.
- Suelta el teclado.
- Muestra un cuadro de mensaje cuando la página se carga completamente.
Gestor de eventos
A través de un gestor de eventos, puede realizar某种操作 en un elemento cuando ocurre algún evento: cuando el usuario hace clic en un elemento, cuando se carga la página, cuando se envía un formulario, etc.
<h1 onclick="style.color='rojo'">Haga clic en este texto</h1>
El ejemplo anterior define que cuando el usuario hace clic en un título, este se convierte en rojo.
También puede agregar un segmento de script en la sección head de la página y luego llamar a la función desde el gestor de eventos:
<html>
<head>
<script type="text/javascript">
function cambiarColor()
{
document.getElementById('encabezado').style.color="rojo"
}
</script>
</head>
<body>
<h1 id="encabezado" onclick="cambiarColor()">Haga clic en este texto</h1>
