DOM nos permite escribir código JS para permitir que los elementos HTML respondan a eventos :
interacciones entre usuarios y páginas web, por ejemplo: clics en páginas web
: para permitir que la computadora detecte este evento ; ocurre en cualquier momento Al ejecutar algunos programas preescritos por los programadores,
hay dos formas principales de configurar los detectores de eventos: onxxx y addEventListener() ;
la
configurar sus atributos onxxx ;
() {
// Cuando se hace clic en el cuadro, se ejecutará la declaración aquí} | nombre del evento | descripción del evento |
|---|---|
| onclick | cuando el mouse está solo sobre un objeto |
| ondblclick | cuando el mouse hace doble clic en un objeto |
| onmousedown | cuando se presiona un botón del mouse un objeto |
| onmouseup | cuando se suelta un botón del mouse sobre un objeto |
| onmousemove | cuando se mueve un botón del mouse sobre un objeto |
| onmouseenter | cuando el mouse ingresa a un objeto (evento similar onmouseover) |
| onmouseleave | cuando el mouse sale de un objeto (evento similar onmouseout) |
| nombre | del eventodescripción del evento |
|---|---|
| onkeypress | cuando se presiona una tecla del teclado (los botones del sistema, como las teclas de flecha y de función, no se pueden reconocer) |
| onkeydown | cuando se presiona una tecla del teclado (los botones del sistema se pueden reconocer y ocurrirán antes de presionar la tecla) |
| onkeyup | Cuando se presiona una tecla del teclado se lanza |
| Descripción | del evento |
|---|---|
onchange | Cuando el usuario cambia el contenido de un campo de formulario, activará |
| onfocus | Cuando un elemento gana el foco (como la tecla de tabulación o el clic del mouse) |
| onblur | cuando un elemento pierde el foco |
| onsubmit | cuando el el formulario se envía |
| al restablecerse | cuando se restablece el formulario |
| nombre del evento | descripción del evento |
|---|---|
| carga | cuando se completa la página o imagen cargando |
| descarga | cuando el usuario sale de la página |
comienza desde afuera hacia adentro (fase de captura) , y luego desde del interior al exterior (fase de burbujeo).
Sin
embargo, escribir como onxxx (nivel DOM 0) solo puede monitorear la fase de burbujeo , por lo que debe usar el método addEventListener() (nivel DOM 2);
, función(){
// Esta es la función de procesamiento de eventos}, verdadero) // verdadero significa escuchar la fase de captura, falso significa escuchar la fase de burbujeo