3.1. Cómo ocurren los eventos*
En el primer caso, el usuario realiza ciertas operaciones en la página web, como hacer clic en un botón para generar un evento de clic. En el segundo caso, si el usuario no ha operado en la página web, también puede ocurrir un evento. Por ejemplo, el navegador ha cargado toda la página, que generará un evento de finalización de carga. Después de generar el evento, el navegador buscará si el nodo que generó el evento ha limitado el código de procesamiento del evento correspondiente. Si es así, se llama al código para manejarlo. Si no, el nodo principal continuará siendo buscado hacia arriba, y no hay un código de procesamiento de eventos correspondiente (burbujas de eventos).
3.2. Código de procesamiento de eventos vinculante **
1) Enlazar el código de procesamiento de eventos a la etiqueta HTML
Por ejemplo: <a id = "a1" href = "" onClick = "f1 ();"> haga clic </a>
2) Enlazar el código de procesamiento de eventos al nodo DOM
var obj = document.getElementById ('a1'); obj.OnClick = f1;
Aviso:
a. No agregue "()" a F1. Agregar "()" significa que F1 se ejecuta de inmediato.
b. Se puede usar la unión de fila de función anónima.
Es decir: obj.onclick = function () {// código. }
do. El código de procesamiento de eventos vinculante al nodo DOM puede separar completamente el código JS sin HTML, que es conveniente para el mantenimiento del código.
d. Si desea pasar parámetros a la función unida. Las funciones anónimas se pueden resolver.
Es decir: obj.OnClick = function () {f (parámetro); }
3) Use el método vinculante del navegador (comprender)
Diferentes navegadores tienen sus propios métodos vinculantes únicos, y debido a que son incompatibles, intente usarlos lo menos posible.
Los scripts de script se pueden escribir en <body>
Equivalente a la siguiente figura
¿Qué pasa si se pasan los parámetros? Usar funciones anónimas
[Caso 3.1] Código de procesamiento de eventos vinculantes para superar la etiqueta HTML **
3.3. Objeto de evento ***
1) Obtenga el objeto de evento
Es decir, navegador: puede usar directamente el evento para obtener
Firefox: debe agregar un evento de parámetro al método
En general, para ser compatible con IE y Firefox, agregue un evento de parámetros al método.
2) El papel de los objetos del evento
a. Obtenga las coordenadas del clic del mouse
event.clientx event.clienty
b. Obtenga la fuente del evento (el objeto que generó el evento)
Firefox: Event.Target Gets IE Browser: Event.srcelement Gets
3.4. Burbuja de eventos **
1) ¿Qué es la burbuja de eventos? Cuando un nodo genera un evento, el evento se cargará hacia arriba a su vez (primero al nodo principal, si el nodo principal tiene un nodo principal, luego lo cargue hacia arriba).
2) ¿Cómo prohibir las burbujas? event.cancelBubble = true;
2) El fenómeno de "burbuja de eventos" cierra el cuadro de diálogo "Haga clic en un enlace" y continúa apareciendo el cuadro de diálogo "Hació clic en un DIV"
【Caso 3.4】 Objeto de evento **
<html>
<!-objeto de evento->
----------------------------------------------------------------------------------------------------------------------------
JS utiliza eventos impulsados para responder a las operaciones de usuario.
Por ejemplo, la operación realizada en una ventana del navegador o elemento de página web (botón, cuadro de texto ...) a través del mouse o clave se llama evento (evento).
Las acciones de una serie de programas activados por el mouse o la tecla de acceso rápido se llaman eventos-conductor.
Se utiliza un controlador o función para manejar eventos, que llamamos un controlador de eventos (controlador de eventos).
----------------------------------------------------------------------------------------------------------------------------
Procesamiento de compatibilidad del navegador
<script language = "javascript"> <!- if (window.xmlhttprequest) {// mozilla, safari, ie7, ie8 if (! window.activexObject) {// mozilla, safari, alert ('mozilla, safari'); } else {alert ('ie7 .8'); }} else {alert ('ie6'); } //-> </script>-------------------------------------------------------------------------------continuará
Un evento requiere múltiples métodos, puede usarlo y separarlo.
<input type = "button" value = "rojo" onClick = "myChange (this), sayhello ()"/>
<Body OnKeydown = "Showkey (Event)" onload = "ABC ()" onUnload = "ABC2 ()">
El artículo anterior sobre el método de compatibilidad del navegador del mecanismo basado en eventos JS es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.