YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Spanish subtitles

← 03-07 Anatomy_of_a_jQuery_Event_Listener

Get Embed Code
16 Languages

Showing Revision 2 created 11/24/2015 by bernal11.

  1. Hasta aquí,
    usted ha investigado eventos del navegador, y
  2. usted ha tomado un pico
    a ellos que se registren.
  3. Ahora es el tiempo para escuchar realmente a
    y responder a ellos con jQuery.
  4. Hay tres elementos que necesita con el fin
    para detectar eventos y reaccionar ante ellos.
  5. Es necesario el elemento objetivo para escuchar
    para, el evento queremos reaccionar,
  6. y las acciones a tomar en respuesta.
  7. Déjame mostrarte un ejemplo.
  8. Necesito el elemento objetivo que
    jQuery se escuchaba por
  9. eventos, así que vamos a usar jQuery para seleccionar el campo de entrada.
  10. A continuación, me llamo el de método.
  11. Este método es en donde
    la magia sucede.
  12. Es la forma primaria del jQuery
    utiliza para configurar los detectores de eventos.
  13. El primer argumento a la del método
    es el evento que quiero escuchar.
  14. En este ejemplo, es pulsación de tecla.
  15. Pero también podría ser hacer clic, el cambio,
    y mouseover por nombrar algunos.
  16. Y finalmente,
  17. Tengo que pasar una función con el
    acciones que quieren que suceda en respuesta.
  18. Esta función se llama la devolución de llamada.
  19. El ser llamada de retorno
    pasó a la del método,
  20. es sólo una función regular JavaScript.
  21. Y por lo tanto, puede contener
    cualquier código JavaScript que desee,
  22. de alterar el contenido de la página
    al código de análisis.
  23. Voy a cambiar el contenido de la función
    para alterar el color de la página.
  24. Y voy a probarlo.
  25. Bam.
    Luce bien.
  26. En el siguiente ejercicio, vas a
    crear su propio detector de eventos.