evento JavaScript HTML DOM
HTML DOM JavaScript, HTML tiene la capacidad de reaccionar a los eventos.
Ejemplos
Reaccionar a los eventos
Podemos ejecutar JavaScript cuando se produce el evento, por ejemplo, cuando el usuario hace clic en el elemento HTML.
Para ejecutar código cuando un usuario hace clic en un elemento, añadir un código JavaScript para atributos HTML caso:
ejemplos de eventos de HTML:
- Cuando el usuario hace clic en el ratón
- Cuando se carga la página
- Cuando la imagen es cargada
- Cuando el ratón se mueve sobre el elemento
- Cuando se cambia el campo de entrada
- Cuando se envía un formulario HTML
- Cuando el usuario activa la tecla
En este ejemplo, cuando un usuario en el elemento <h1> cuando se hace clic, cambiará su contenido:
Ejemplos
<Html>
<Cuerpo>
<H1 onclick = "this.innerHTML = 'Ooops!'"> Haga clic en el texto! </ H1>
</ Body>
</ Html>
Trate »
En este caso, para llamar a una función de controlador de eventos:
Ejemplos
<Html>
<Head>
<Script>
función changetext (id)
{
id.innerHTML = "Ooops!";
}
</ Script>
</ Head>
<Cuerpo>
<H1 onclick = "changetext (esto)"> haga clic en el texto! </ H1>
</ Body>
</ Html>
Trate »
Atributos HTML Evento
Para asignar eventos a elementos HTML, puede utilizar los atributos de los eventos.
Ejemplos
Asignada al evento onclick elemento de botón:
Trate »
En el ejemplo anterior, la función nombrada displayDate se ejecutará cuando se hace clic en el botón.
Utilizar el DOM HTML para asignar un evento
HTML DOM permite el uso de JavaScript para asignar eventos a elementos HTML:
Ejemplos
Asignada al evento onclick elemento de botón:
. Document.getElementById ( "myBtn") onclick = function () {displayDate ()};
</ Script>
Trate »
En el ejemplo anterior, la función se asigna a una id = myButn "elemento HTML displayDate llamado.
Haga clic en el botón cuando se ejecuta la función de Javascript.
onload evento y onunload
proceso de carga y onunload se activa cuando el usuario entra o sale de la página.
proceso de carga se puede utilizar el tipo de navegador y versión del navegador se detecta el visitante, y en base a esta información para cargar la versión correcta de la página.
onload evento y onunload se puede utilizar para manejar la galleta.
evento onchange
evento de validación de campos de entrada a menudo combinado onchange de usar.
Aquí está un ejemplo de cómo utilizar el onchange. Cuando el usuario cambia el contenido del campo de entrada, llamadas a funciones en mayúsculas ().
onmouseover y onmouseout eventos
onmouseover y onmouseout eventos pueden utilizarse para activar las funciones cuando el usuario del ratón se mueve a la parte superior del elemento HTML o elementos eliminado.
onmousedown, onmouseup y el evento onclick
onmousedown, onmouseup y onclick constituyen todas las partes del evento clic del ratón. En primer lugar, al hacer clic en el botón del ratón, el gatillo onmousedown evento cuando se suelta el botón del ratón, se disparará onmouseup caso, y finalmente, cuando la realización de un clic del ratón, se disparará el evento onclick.
Ejemplos
Un simple ejemplo onmousedown-onmouseup:
más ejemplos
onmousedown y onmouseup
Cuando el usuario pulsa el botón del ratón, la sustitución de una imagen.
onload
Cuando la página se termina de cargar, mostrar un cuadro de mensaje.
onfocus
Cuando el campo de entrada tiene el foco, cambie el color de fondo.
Los eventos de ratón
Cuando el puntero se mueve sobre el elemento, cambiar su color, cuando el puntero se desplaza fuera del texto, su color va a cambiar de nuevo.