YouTube

Got a YouTube account?

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

Spanish, Mexican subtitles

← Anatomy of a jQuery Event Listener

Get Embed Code
16 Languages

Showing Revision 1 created 11/04/2015 by Ulisesrogu.

  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
    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, use el método ya conocido
  11. Este método es en donde
    la magia sucede.
  12. Es la forma primaria que jQuery
    utiliza para configurar los detectores de eventos .
  13. El primer argumento del método
    es el evento que quiero escuchar
  14. En este ejemplo , es pulsación de tecla.
  15. Pero también podría hacer clic , el cambio ,
    y mouseover por nombrar algunos .
  16. Y finalmente,
  17. Tengo que pasar una función con las
    acciones que quieren que suceda en respuesta .
  18. Esta función se llama la devolución de llamada .
  19. La 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. Bum.
    Luce bien.
  26. En el siguiente ejercicio , vas a
    crear su propio detector de eventos.