¿Cómo cambiar eventos JS?

El procesamiento de eventos es una parte muy importante de la programación orientada a objetos. Sin el procesamiento de eventos, el programa quedará muerto y carecerá de flexibilidad. El proceso de manejo de eventos se puede expresar así: ocurre un evento, se inicia el controlador de eventos, el controlador de eventos reacciona. Entre ellos, para que se inicie el controlador de eventos, primero se debe indicar al objeto qué controlador iniciar si sucede algo; de lo contrario, el proceso no puede continuar. El controlador de eventos puede ser cualquier declaración de JavaScript, pero generalmente usamos una función personalizada específica para manejar las cosas.

Especificar controladores de eventos

Hay tres formas de especificar controladores de eventos:

Especificar controladores de eventos directamente en etiquetas HTML. Este método es el más utilizado. El método es:

lt; mark... ...event="event handler" [event="event handler" ...]gt;

Hagámoslo. un vistazo al ejemplo:

lt; body... onload="alert('La página web ha sido cargada, ¡disfrútala lentamente!')" onunload="alert('¡Adiós!')" gt;

Esta definición de etiqueta lt; bodygt; puede hacer que aparezca un cuadro de diálogo cuando se lee el documento, que dice "La página web ha sido leída, disfrútela lentamente"; sale del documento (o cierra la ventana, o va a otra página), aparece "Adiós".

Método 2: escribir JavaScript para eventos específicos de objetos específicos. Este método se utiliza con menos frecuencia, pero sigue siendo útil en algunas situaciones. El método es:

lt;script language="JavaScript" for="Object" event="Event"gt;

...

(Event procesando código de programa)

...

lt;/scriptgt;

Ejemplo:

lt; script language="JavaScript" for ="window" event="onload"gt;

alert('La carga de la página web se completó, ¡disfrútela lentamente!'); p>

El método tres se explica en JavaScript. Método:

lt;Protagonista de Eventos - Objeto>.lt;Event>t;=lt;Event Handler>;

Lo que se debe tener en cuenta con este método es que "event Handler" es código real, no código en forma de cadena. Si el controlador de eventos es una función personalizada, no agregue "()" si no es necesario utilizar parámetros. Ejemplo:

...

función ignoreError() {

devuelve verdadero

}

. ..

window.onerror = ignoreError; // "()" no se utiliza

Este ejemplo define la función ignoreError() como el controlador del evento onerror del objeto de ventana. . Su efecto es ignorar cualquier error debajo del objeto de ventana (los errores "sin permiso" causados ​​al hacer referencia a un objeto de ubicación que no permite el acceso no se pueden ignorar).

Detalles del evento

El evento onblur ocurre cuando la ventana pierde el foco.

Se aplica a: objeto de ventana

evento de cambio Ocurre después de que se cambia el contenido del área de entrada de texto y luego se mueve el foco del área de entrada de texto.

La captura de este evento se utiliza principalmente para detectar la validez de la entrada en tiempo real o para cambiar el contenido del documento inmediatamente.

Se aplica a: objeto de contraseña; objeto de selección; objeto de área de texto

El evento onclick ocurre cuando se hace clic en el objeto. Hacer clic significa que el mouse permanece sobre el objeto, se presiona el botón del mouse y se suelta sin moverlo;