Modo de empleo objeto de documento de eventos de javascript para programar con html

los Documento Erespiradero objeto es único, ya que le permite crear otros eventos en javascript. Se utiliza el crear evento() método para crear un evento que podría simular algo parecido a un clic del ratón. A pesar de que este objeto proporciona sólo un método, que es un método de gran alcance. La única manera de entender realmente este objetivo particular es verlo en acción. El siguiente ejemplo realiza tres tareas:

• Proporciona un medio para generar un clic simulada

• Agrega un controlador de eventos que impide la acción predeterminada de simular el clic

• Quita el controlador de eventos que impide la acción predeterminada de simular el clic

Este es un ejemplo un tanto avanzada, pero también es de código muy útil porque se puede utilizar para añadir la automatización para sus aplicaciones que resultarán de utilidad para los usuarios menos expertos.

funcionar SimulateClick () {// Crear el event.var ClickEvent = document.createEvent ("MouseEvents") - // Configurar el event.ClickEvent.initMouseEvent ("click", // typetrue Evento, // se puede utilizar la técnica de la burbuja? cierto, // ¿Es este evento cancelable? ventana, // Vista, debe ser siempre window.0, // Número de clicks.0 ratón, // Pantalla X coordinate0, // coordinate0 Pantalla Y, // Cliente X coordinate0, / ? / Cliente Y coordinatefalse, // presionado Ctrl clave falsa, // presionado Alt clave falsa, // Shift tecla pulsada falsa, // Presionado Meta Clave 0, // Número de botón clicked.null) -??? // Relacionados target // Obtener una referencia a la object.var TestCheck = document.getElementById ("chkTest") - // Realizar el click y registrar si el clic // fue cancelado por otro handler.var Sucedido = TestCheck.dispatchEvent (ClickEvent) - // Muestra el resultado de la simulación onscreen.if (Sucesor) {alert ("El clic sucedió!") -} else {alert ("El clic se canceló!") -}}

El código comienza mediante la obtención de una referencia al objeto de evento objetivo, que es MouseEvents en este caso. los initMouseEvent () función toma una serie de argumentos - todos los cuales son necesarios para que el ejemplo de trabajo. Marque aquí para leer más acerca de los argumentos.

Después de que el código crea un evento, es el momento para obtener una referencia al control que utilizará el evento. En este caso, el ejemplo se utiliza una casilla de verificación llamada chkTest. Para emitir el evento, las llamadas de solicitud dispatchEvent () con el evento, ClickEvent, como argumento.

Este acto incendios (números) del evento. El valor de retorno determina si el evento sucedió. Cuando se utiliza el oyente defecto y manipulador, la casilla de verificación está bien seleccionada o no, dependiendo de su estado anterior.

El código termina determinando el estado de retorno de Sucedido. Si nada impide que el caso de tener éxito, Sucedido es cierto, y la primera alerta () muestra en pantalla. De lo contrario, verá el segundo alerta () mensaje. Por supuesto, la pregunta ahora es cómo evitar que la acción predeterminada que se produzcan. El siguiente código realiza esta tarea:

función preventDefault (evento) {// Prevenir la action.event.preventDefault predeterminado () -} function AddHandler () {// Obtener un objeto reference.var TestCheck = document.getElementById ("chkTest") - // Añadir el controlador de eventos .TestCheck.addEventListener ("click", // Tipo de eventPreventDefault, // Nombre de la listener.false evento) - // Utilice la técnica de captura} function RemoveHandler () {// Obtener un objeto reference.var TestCheck = documento? .getElementById ("chkTest") - // Añadir el evento handler.TestCheck.removeEventListener ("click", // Tipo de eventPreventDefault, // Nombre de la listener.false evento) - // Utilice la técnica de captura}

Cuando el PreventDefault () función está activa, se acepta una Evento objeto como entrada. Este controlador de eventos se detiene automáticamente la acción predeterminada suceda llamando preventDefault (). La casilla de verificación no está seleccionada, y Sucedido está ajustado a falso cuando esto pasa.

sin embargo, el PreventDefault () función no está activa desde el principio. Para activarla, las llamadas de solicitud AddHandler (), que añade un detector de eventos con el addEventListener () funcionar a la casilla de verificación, chkTest. Este enfoque le permite determinar si el navegador puede utilizar la técnica de captura para trabajar con múltiples controladores de eventos. Para quitar el controlador de eventos, las llamadas de solicitud RemoveHandler (), que revierte el proceso llamando removeEventListener ().