‫Bienvenido de nuevo.
‫Y en este video, vamos a hablar sobre eventos en Zemel y hay cosas llamadas eventos relacionados o eventos
‫llamados eventos relacionados, y hay tres tipos de eventos relacionados, eventos directos, eventos burbujeantes y
‫eventos de tunelización.
‫Ya hemos visto un evento directo y creemos ese de nuevo.
‫Así que seguiré adelante y crearé un botón aquí.
‫Y este botón simplemente tendrá un contenido de Callignee, muy básico.
‫Y luego tiene un evento de clic y voy a crear un nuevo controlador de eventos aquí, y eso es todo.
‫Y también, tal vez deberíamos crear un ancho de cincuenta y una altura de, digamos, 100.
‫Así que aquí es un botón bastante grande y ahora este botón tiene un evento de clic.
‫Ahora, un evento de clic es un evento directo.
‫Así que echemos un vistazo aquí.
‫Podemos ver que se creó un nuevo método para nosotros.
‫Es un objeto de método de clic de botón vacío privado que envía el evento enrutado arcos e, por lo que necesita un remitente, que es
‫el objeto que envía este evento.
‫Y este es nuestro botón en sí.
‫Entonces, el botón de objeto desde este evento y podríamos seguir adelante y usar ese botón.
‫Y hay tres eventos.
‫Como dije, el evento enrutado o los eventos enrutados son generalmente los eventos.
‫Luego hay un evento directo, que es uno de los eventos enrutados, y ese es nuestro evento de clic.
‫Lo comprobaremos en un segundo.
‫Y está el evento burbujeante y el evento tunelizado.
‫Entonces, ejecutemos este código ahora para que pueda ver lo que va a hacer un evento directo.
‫Y, por cierto, si queremos ejecutar algo, por supuesto, necesitamos agregar un cuadro de mensaje aquí
‫solo para mostrar lo que está sucediendo, mostrar algo como se hizo clic en el botón y tal vez agregar algo como un evento directo.
‫Evento tan directo.
‫Ahora, ejecutemos esto de nuevo.
‫Y haga clic en el botón y verá que el botón era la directiva de clic, y lo
‫hemos usado en el último video y bueno, nada que escuche, ¿verdad?
‫Entonces, este botón se llama directamente o el evento del botón es llamado directamente por la propiedad click aquí.
‫Ahora, hay algo llamado evento burbujeante.
‫Digamos que no desea que el evento comience tan pronto como el usuario haga clic en el botón, sino tan pronto como lo
‫suelte para hacer clic.
‫Así que tan pronto como el botón o el clic sube para que pueda usar algo como el botón del mouse o el mouse aquí, hay
‫algo llamado mouse up.
‫Así que voy a crear un nuevo controlador de eventos para eso.
‫Vayamos aquí y creemos este nuevo evento, que también mostrará un cuadro de mensaje aquí.
‫Y este dirá que el botón del mouse subió, se soltó.
‫Entonces, solo una vez que se publique, este evento se activará.
‫Se activará este evento de botón de mouse hacia arriba.
‫Así que comencemos con eso de nuevo.
‫Y haga clic en el botón con el clic izquierdo, No pasa nada si hago eso con
‫el clic derecho, entonces de repente sucede algo que tiene que ver con que esto sea un evento burbujeante.
‫Así que Mouse Up es un evento burbujeante, lo que significa que tiene sentido, este evento hacia la parte superior de la jerarquía dentro
‫del árbol.
‫Entonces hemos visto lo que es un árbol, ¿verdad?
‫Hemos visto el árbol visual en el árbol lógico.
‫Entonces, aquí sube el árbol visual y, ya sabes, el árbol visual es mucho más de lo que podemos ver
‫en este árbol lógico aquí.
‫Entonces, no es solo la ventana, la cuadrícula y el botón en sí, sino que hay mucho más en el medio.
‫Y así, este botón, ya que está hasta todos los diferentes elementos del árbol que hay, luego lo envía a la cuadrícula
‫y luego lo envía a la ventana.
‫Y si no se maneja en ningún lado, no pasará nada.
‫Y eso es lo que acabamos de ver.
‫Entonces, si presiono el mouse hacia arriba o si suelto el botón del mouse, como se puede ver aquí, estoy haciendo clic,
‫sigo presionando.
‫Y una vez que lo suelto, no pasa nada.
‫Y eso tiene que ver con que el evento sea un evento burbujeante.
‫Y simplemente está siendo ignorado, como puede ver con el botón derecho.
‫Pero no funcionó con el botón izquierdo.
‫Entonces estaba burbujeando y fue causado por nosotros.
‫Entonces, ¿cómo puedes seguir manejando esto?
‫Porque ahora, bueno, no funciona con el botón izquierdo, pero querías trabajar con el botón izquierdo.
‫Lo que puede hacer es utilizar un evento de tunelización.
‫El evento de burbujeo sube por el árbol visual, el evento de tunelización baja por el árbol visual.
‫Entonces, en lugar de usar el mouse hacia arriba, usaré algo llamado Prevue Mouse up.
‫Entonces, puede ver que hay varios eventos de vista previa diferentes aquí.
‫Mucho.
‫Y por ejemplo, el mouse hacia abajo, el mouse hacia arriba, Prevue Mouse, derecha, botón hacia abajo, botón derecho hacia arriba y así
‫sucesivamente.
‫Así que solo voy a crear uno para.
‫En general, obtenga una vista previa de las millas hacia arriba para que pueda ver
‫que funciona de cualquier manera, voy a crear un nuevo controlador de eventos para eso y voy a continuar y agregar este botón de
‫mensaje aquí se lanzó y este será el túnel evento.
‫Así que ese de aquí fue el evento burbujeante.
‫Y ahora estamos en el evento de tunelización.
‫Ahora, eso comenzó de nuevo.
‫Y ahora hacemos clic con el botón izquierdo y, como puede ver, el botón del mouse subió realmente para verificar.
‫Voy a hacer clic en él, manteniéndolo presionado, y ahora lo suelto y luego este evento se activa ahora también con
‫el lado izquierdo, también con el botón derecho.
‫Y también funciona.
‫Entonces, lo que hace esta previa, lo envía hacia el botón en sí o hacia o baja por el árbol visual.
‫Entonces se activa de inmediato.
‫Eso es muy bueno.
‫Si desea usar el botón Prevue Mouse hacia arriba, entonces está en el lado seguro, digamos, cuando quiera
‫usar el comportamiento específico.
‫Pero considere también que esto no es solo un caso para el botón.
‫Así es como maneja los eventos enrutados en general.
‫Así que tenga cuidado aquí y utilícelo de la manera correcta.
‫Ahora, solo con un propósito de prueba, sigamos adelante y creemos una vista previa.
‫Ratón a la izquierda hacia abajo.
‫Y cree un nuevo controlador y ahora Prevue Mouse, anótelo o anótelo.
‫Entonces, para que veas que hay diferentes tipos de formas, aquí también voy a usar un nuevo controlador de
‫eventos.
‫Y ahora solo voy a ajustar el cuadro de mensaje en consecuencia.
‫Entonces, en la vista previa, con el botón izquierdo del mouse presionado, voy a decir que el botón del mouse bajó, no se soltó.
‫Este es un evento de tunelización.
‫Eso es correcto.
‫Y eso está bien.
‫Y ahora el otro lo será.
‫En realidad, este es el botón izquierdo del mouse y este es el botón derecho del mouse, el botón derecho del mouse
‫subió y es un evento de tunelización.
‫Y si seguimos adelante, podemos ver que ahí está nuestro botón.
‫Si presiono hacia la izquierda, haga clic, ya que puede ver que se activa de inmediato una vez que hago clic, aunque
‫si lo mantengo, manténgalo presionado, mantenga presionado el botón.
‫Todavía está activado y ahora el botón derecho solo se activa una vez que lo suelto.
‫Entonces, para que veas que hay varias formas diferentes de manejar eventos, incluso puedes
‫manejar un evento, que es si pasamos el mouse o si logramos con el mouse dentro de ese botón.
‫Pero eso es algo que manejaremos más adelante.
‫No es solo una pequeña recapitulación.
‫Hay tres tipos diferentes de eventos relacionados.
‫Están los eventos enlechados directos, los eventos enraizados burbujeantes y los eventos enraizados en túneles,
‫los directos.
‫Ellos manejan el evento ellos mismos, e. gramo. el evento de clic que hemos visto.
‫Luego, el evento de burbujeo lo envía hacia arriba por el árbol visual y el evento de túnel lo envía hacia abajo al
‫tratamiento visual.