OK, volveremos.
Entonces tenemos un método menos del que quiero hablar.
Como mencioné en el video de introducción a los eventos de J Corea, el método de encendido es lo que vamos a usar.
El noventa y nueve por ciento de las veces es, con mucho, el método de evento Jay queery más utilizado.
DE ACUERDO.
Entonces, hablemos de cómo funciona, es muy similar al vainilla.
Sí, un oyente de eventos.
Obviamente es mucho más corto.
Son solo dos personajes, pero se comporta de manera similar donde le damos el nombre del
evento que queremos escuchar.
Así que a diferencia del clic o de la tecla presionar que solo activará un tipo de evento, haga clic o la tecla presionar nos
permite especificar si estamos haciendo un clic como lo estamos haciendo aquí enviar al hacer clic o si estamos haciendo un doble clic como si tuviera
el botón aquí al hacer doble clic o arrastrar el inicio o presionar una tecla para que pueda tomar el lugar de todas las cosas
que ya ha visto con clic y presionar la tecla y todos los otros métodos aquí.
Hay una tonelada de ellos como la tecla de desplazamiento y enviar y alternar, presione la tecla de arrastrar hacia arriba.
Todo eso se puede hacer solo con el método on.
Funciona más o menos de la misma manera, aunque donde primero tenemos que seleccionar algo con signo de dólar.
Así que te mostraré un ejemplo aquí.
Seleccionamos algo en este caso todos los profesores dentro del cuerpo dentro de algo con la idea
de tabla de datos y luego lo ejecutamos y luego el tipo del evento.
Así que esto es nuevo en comparación con el clic y la tecla presionada que solo toman una función de devolución de llamada.
Tenemos que especificar qué evento estamos escuchando.
Entonces haga clic en este caso y luego coma la función de devolución de llamada.
Queremos que se corra.
Probemos esto para actualizar mi página.
Mi demo de AJ extraída.
Por lo tanto, no tenemos escuchas por clic, por lo que no hay clics en los que no tengamos presionadas las teclas.
Tampoco ocurre nada en nuestros botones.
Vamos a tratar de agregar algunos oyentes rápidos primero.
Cambiemos el color del H-1 cuando hacemos clic en él.
Entonces, debemos seleccionar cada una de ellas y luego vamos a hacer en el primer argumento el tipo de evento que es rápido
y luego nuestra función de devolución de llamada.
Y dentro de la función de devolución de llamada si quisiéramos cambiar el color del H-1 podríamos hacer
algo como esto en el que simplemente decimos H-1 con más fuerza que Color Morado y veamos si se puede pensar por qué esto podría ser un
problema.
Así que presionaré Enter y todo irá bien, se vuelve morado, pero voy a copiar este código y
actualizar la página y agregaré otro H-1 tres de ellos y los guardaré.
Ahora tenemos tres H-1.
Y si ejecuto este código nuevamente, cualquier H-1 cuando haga clic en él cambiará todos los h para que sean de color púrpura.
Entonces lo intentaré.
Todos cambian a púrpura, que tal vez es una característica que queremos, pero la mayoría de las veces queremos afectar el
elemento en el que hacemos clic.
Entonces, para hacer todo eso, necesitamos usar la palabra clave this y recordar que debe ser el contenedor de consultas J
para esto.
Entonces, el paréntesis de signo de dólar se refiere a la H-1 o la única cosa en la que se hizo clic.
Y ahora si pulso enter e intento hacer clic solo, el H-1 correcto cambia a violeta.
OK, así es como podemos usar para hacer un clic.
Ahora veamos cómo usarlo para presionar una tecla.
Así que seleccionaremos
nuestra entrada como ese punto y luego agregaremos la tecla presionar y el segundo argumento es la función de devolución de llamada y haremos un
simple registro de conses.
Así que cancela la tecla de registro presionada así y haremos clic en enter.
Ahora si voy a escribir una clave aquí, la presiono cada vez que escribo una tecla.
Probemos un tipo más de evento aquí lo refrescaré.
Hagamos algo cuando pasamos el mouse sobre un botón.
Cambiaremos la fuente para que quede en negrita cuando pase el puntero.
Entonces, primero debemos seleccionar todos los botones así y luego agregar nuestro.
Y el evento que usaremos se llama Mouse enter.
Así.
Y comenzaremos con el registro cancelado cuando el mouse entre.
Así que haremos un ratón de registro incorporado así.
Y ahora si cierro el mouse, ingrese un mouse así.
Y es solo cuando ingresamos el elemento por primera vez.
Así que no se dispara una y otra vez hasta que me voy y vuelvo.
DE ACUERDO.
Entonces, cuando ingresemos el mouse, no vamos a querer registrarnos constantemente.
Vamos a querer seleccionar el envoltorio J para esto y hacer el SS demasiado audaz, algo que necesitamos para cambiar el
peso de la fuente.
Así que formas divertidas y haremos ese doblez así y presionaremos enter.
Ahora, si sobrevuelo, es difícil ver qué cambia para ser negrita.
Por supuesto, se mantiene en negrita, nunca cambia de nuevo.
lo mismo con el botón al dejar el mouse, que es otro evento y luego, en lugar de cambiarlo al peso de la fuente.
Entonces, podríamos agregar esa función haciendo
Negrita.
Podemos cambiarlo a la normalidad así como así.
Ahora si me voy, vuelve a la normalidad.
Y si entro en negrita, me voy, es normal.
Así que así es como podríamos hacer algo con javascript para hacer una especie de efecto de selección de desplazamiento.
Sin embargo, con CSSA ahora podemos hacerlo fácilmente sin ningún javascript en absoluto con el pseudo selector hover.
Y solo quería demostrar que hay otros eventos por ahí.
Entonces, todos los eventos que podríamos usar con un detector de eventos con los que podemos usarlo lo
hacen realmente útil.
Como mencioné lo usaremos todo el tiempo.
Así que hay un último punto sobre el que me gustaría plantearme y como ejemplo que voy a utilizar.
Click y on.
Haz clic y habla sobre cómo son ligeramente diferentes.
Entonces, ambos generalmente trabajarán para ti.
que el clic solo agregará oyentes de clic para los elementos que están en la página en ese momento.
Agregarán un oyente rápido, pero hay una pequeña diferencia, que es
Y el clic en el botón agregará oyentes para todos los elementos futuros o posibles elementos futuros.
Entonces, esto tendrá sentido cuando hagas la lista de tareas pendientes.
Pero, básicamente, necesitamos usar punto sobre clic en lugar de hacer clic porque vamos a tener que hacer que se agregan a la
página que no están allí cuando la página carga un usuario escribe en un formulario y se ingresa.
Y eso hará que hagamos algo nuevo y queremos que esos nuevos hagan sus propios oyentes de clics.
Así que tenemos que usar de nuevo que tendrá más sentido cuando realmente comenzamos a hacer la lista.