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:05 - 0:09
    Ahora es el tiempo para escuchar realmente
    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:13 - 0:17
    Es necesario el elemento objetivo para escuchar
    para , el evento queremos reaccionar,
  • 0:17 - 0:19
    y las acciones a tomar en respuesta .
  • 0:19 - 0:20
    Déjame mostrarte un ejemplo .
  • 0:22 - 0:25
    Necesito el elemento objetivo que
    jQuery se escuchaba por
  • 0:25 - 0:29
    eventos , así que vamos a usar jQuery
    para seleccionar el campo de entrada .
  • 0:30 - 0:32
    A continuación, use el método ya conocido
  • 0:32 - 0:34
    Este método es en donde
    la magia sucede.
  • 0:34 - 0:37
    Es la forma primaria que jQuery
    utiliza para configurar los detectores de eventos .
  • 0:39 - 0:42
    El primer argumento del método
    es el evento que quiero escuchar
  • 0:42 - 0:44
    En este ejemplo , es pulsación de tecla.
  • 0:44 - 0:48
    Pero también podría hacer clic , el cambio ,
    y mouseover por nombrar algunos .
  • 0:49 - 0:49
    Y finalmente,
  • 0:49 - 0:53
    Tengo que pasar una función con las
    acciones que quieren que suceda en respuesta .
  • 0:53 - 0:55
    Esta función se llama la devolución de llamada .
  • 0:55 - 0:58
    La llamada de retorno
    pasó a la del método ,
  • 0:58 - 1:00
    es sólo una función regular JavaScript .
  • 1:00 - 1:02
    Y por lo tanto , puede contener
    cualquier código JavaScript que desee,
  • 1:02 - 1:06
    de alterar el contenido de la página
    al código de análisis .
  • 1:06 - 1:08
    Voy a cambiar el contenido de la función
    para alterar el color de la página.
  • 1:10 - 1:11
    Y voy a probarlo.
  • 1:11 - 1:14
    Bum.
    Luce bien.
  • 1:14 - 1:16
    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, Mexican subtitles

Revisions