Return to Video

03-07 Anatomy_of_a_jQuery_Event_Listener

  • 0:00 - 0:03
    Hasta aquí,
    usted ha investigado eventos del navegador, y
  • 0:03 - 0:05
    usted ha tomado un pico
    a ellos que se registren.
  • 0:06 - 0:09
    Ahora es el tiempo para escuchar realmente a
    y responder a ellos con jQuery.
  • 0:09 - 0:13
    Hay tres elementos que necesita con el fin
    para detectar eventos y reaccionar ante ellos.
  • 0:18 - 0:18
    Es necesario el elemento objetivo para escuchar
    para, el evento queremos reaccionar,
  • 0:18 - 0:18
    y las acciones a tomar en respuesta.
  • 0:21 - 0:21
    Déjame mostrarte un ejemplo.
  • 0:21 - 0:21
    Necesito el elemento objetivo que
    jQuery se escuchaba por
  • 0:24 - 0:24
    eventos, así que vamos a usar jQuery para seleccionar el campo de entrada.
  • 0:24 - 0:25
    A continuación, me llamo el de método.
  • 0:25 - 0:25
    Este método es en donde
    la magia sucede.
  • 0:29 - 0:29
    Es la forma primaria del jQuery
    utiliza para configurar los detectores de eventos.
  • 0:29 - 0:30
    El primer argumento a la del método
    es el evento que quiero escuchar.
  • 0:33 - 0:33
    En este ejemplo, es pulsación de tecla.
  • 0:33 - 0:33
    Pero también podría ser hacer clic, el cambio,
    y mouseover por nombrar algunos.
  • 0:34 - 0:35
    Y finalmente,
  • 0:35 - 0:35
    Tengo que pasar una función con el
    acciones que quieren que suceda en respuesta.
  • 0:38 - 0:38
    Esta función se llama la devolución de llamada.
  • 0:45 - 0:49
    El ser llamada de retorno
    pasó a la del método,
  • 0:52 - 0:53
    es sólo una función regular JavaScript.
  • 0:56 - 0:59
    Y por lo tanto, puede contener
    cualquier código JavaScript que desee,
  • 0:59 - 0:59
    de alterar el contenido de la página
    al código de análisis.
  • 1:03 - 1:05
    Voy a cambiar el contenido de la función
    para alterar el color de la página.
  • 1:05 - 1:10
    Y voy a probarlo.
  • 1:13 - 1:14
    Bam.
    Luce bien.
  • 1:17 - 1:17
    En el siguiente ejercicio, vas a
    crear su propio detector de eventos.
Tytuł:
03-07 Anatomy_of_a_jQuery_Event_Listener
Opis:

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud245 - Intro to JQuery
Duration:
01:18

Spanish subtitles

Revisions Compare revisions