Sabemos que después del desarrollo orientado a objetos, casi todos los idiomas pueden basarse en objetos "una vez durante la noche", y JavaScript también es un lenguaje basado en objetos. El comportamiento del usuario en el navegador se llama "eventos", y una serie de acciones activadas después, como ventanas emergentes, cambiando el tamaño del navegador, la verificación y la balabala, se llaman "impulsados por eventos". Por supuesto, esta vez introduciré principalmente varios eventos comunes.
PD: ¡El soporte para los scripts JS depende del navegador! ! ! ¡Algunas versiones inferiores de los navegadores pueden no soportarlo! ! !
1. Haga clic en Evento (OnClick)
¿Qué es un evento de clic? Cuando el usuario hace clic en el botón del mouse Sí, se generará un evento de clic. Al mismo tiempo, se llamará al controlador de eventos especificado por OnClick. Por lo general, se aplica al botón (objeto de botón), casilla de verificación (casilla de verificación), radio (botón de radio), restablece los botones (botón de reinicio) y envíe botones (botón Enviar).
Haz un gran movimiento:
<! DocType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js básico click evento </title> </head> <body> <form> <script language = "javaScript"> Función Click () {Alerta ("Acabó de hacer clic en el botón"); } </script> <input type = "Button" value = "Button" onClick = "aclick ()"/> </form> </body> </html>El efecto es el siguiente:
2. Cambiar evento (Onchange)
Una vez que el usuario cambia el valor del formulario, se activa el evento Onchange.
El código es el siguiente:
<! DocType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> JS Base Change Event </title> <script language = "javascript"> function check () {alert ("el valor del cuadro de texto ha cambiado"); } </script> </head> <body> <form> <input type = "text" value = "Este es un cuadro de texto" name = "name" onchange = "check ()"/> </form> </body> </html>El efecto es el siguiente:
3. Seleccione Evento (OnSelect)
Cuando se selecciona un elemento en la página, se activa el evento ONSelect.
El código es el siguiente:
<! DocType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> JS Base Change Event </title> <script language = "javascript"> function check () {alert ("el valor del cuadro de texto ha cambiado"); } </script> </head> <body> <form> <input type = "text" value = "Este es un cuadro de texto" name = "name" onchange = "check ()"/> </form> </body> </html>El efecto es el siguiente:
4. Evento de carga (Onload)
El evento de carga es un evento que se activa cuando se acaba de abrir la página web.
El código es el siguiente:
<! DocType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> JS Evento de carga básica </title> <script language = "javascript"> function check () {alerta ("no esté ansioso, xiao d está en el camino hacia el caballo, o (∩_ ∩ ∩_∩) o hhaha ~"); } </script> </head> <body onload = "check ()"> </body> </html>El efecto es el siguiente:
5. Antes de descargar el evento (antes de la carga)
Para ser precisos, es más apropiado llamar "antes de dejar el evento de página" y activará este evento cuando haga clic en el botón Cerrar en la pestaña actual.
El código es el siguiente:
<! DocType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> JS Evento previo a la discusión </title> <script lenguaje = "javascript"> function check1 () {alerta ("¿Realmente quieres dejarme? ..."); } </script> </head> <body onbeforeUnload = "check1 ()"> <h1> Esta es la página utilizada para verificar el evento previo a la respuesta </h1> </body> </html>El efecto es el siguiente:
El artículo anterior habla brevemente sobre el controlador básico de eventos del cliente de JavaScript es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.