YouTube

Got a YouTube account?

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

Spanish, Mexican subtitles

← 03-02 What_are_Browser_Events

Get Embed Code
12 Languages

Showing Revision 2 created 11/16/2015 by Lizeth Rivera..

  1. Eventos en la vida real toman la
    forma de acciones específicas,
  2. que se producen en un
    tiempo específico
  3. a veces, por ejemplo
  4. en el juego de baloncesto,
    cuando la pelota pasa por el aro.
  5. El equipo de rodaje obtiene puntos.
  6. El evento es la bola
    que pasa por el aro.
  7. La acción resultante es que
    el equipo de puntuación obtiene puntos.
  8. El navegador tiene eventos también.
  9. Cada vez que se mueve el puntero
    del ratón,haga clic en un enlace,
  10. enviar un formulario, o no
    haga nada realmente,
  11. su navegador hace un anuncio
    de la acción que acaba de tomar.
  12. Quiero mostrar lo que el navegador
    está haciendo realmente.
  13. Google Chrome ofrece
    una función muy útil.
  14. La función monitorEvents, lo que hará
    le permite echar un vistazo bajo el capó
  15. para ver eventos a medida
    que se llevan a cabo.
  16. Se pasa a la función del elemento en la
    página que desea el reloj para eventos.
  17. Ahora bien, esta función sólo se puede utilizar en
    la consola en las herramientas de Chrome Dev.
  18. No trate de utilizar esta función
    en el archivo de JavaScript.
  19. No va a funcionar, y
    provocará un error de referencia.
  20. Con esa advertencia fuera del camino, y mucho
    voy a enseñar las votaciones que proporciona.
  21. Así, en esta página, usted puede ver,
    Tengo un campo de texto simple.
  22. En primer lugar voy a utilizar jQuery para
    seleccionar todas las entradas de la página,
  23. entonces voy a seleccionar sólo
    este primero aquí.
  24. Luego me voy a llamar a
    la función y monitorEvents
  25. y pasar a la celebración de variables
    en el primer campo de entrada.
  26. Los monitorEvents funcionan como relojes
    y elemento para eventos, y registrar todos.
  27. Por lo tanto, voy a interactuar con el campo de texto
    y ver cromo ingrese a cabo todos los eventos.
  28. Como se puede ver usando
    la función monitorEvents,
  29. se puede observar lo que están haciendo
    los navegadores
  30. cuando interactúa con los elementos de la página
    en manera diferente.