JAVASCRIPT
Manejo de Eventos
Prof. María Zeballos
Revisaremos los eventos
más importantes,
agrupados por el tipo de
elemento para el que
están definidos…
Eventos para todos los
elementos
Eventos exclusivamente
para body
Evento para input y
textarea
Evento para input, select
y...
Eventos definidos para todos los elementos
• Pinchar y soltar el ratónonclick
• Pinchar dos veces seguidas con el ratónond...
• El ratón “sale” del elementoonmouseout
• El ratón pasa por encima del elementoonmouseover
• Soltar el botón que estaba p...
•La página se ha cargado
completamenteonload
•Se ha modificado el tamaño de la
ventana del navegadoronresize
•Se abandona ...
• Pulsar una tecla, sin soltarlaonkeydown
• Pulsar una teclaonkeypress
• Soltar una tecla pulsadaonkeyup
Eventos definidos...
• Seleccionar un textoonselect
Evento definido sólo para input y textarea
•Deseleccionar un elemento que se ha
modificado.onchangue
Evento definido para input, select y textarea
Eventos definidos para los elementos <button>,
<imput>, <label>, <select>, <textarea>, <body>
• Deseleccionar el elementoo...
Manejo de eventos con java script
Upcoming SlideShare
Loading in …5
×

Manejo de eventos con java script

959 views
706 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
959
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Manejo de eventos con java script

  1. 1. JAVASCRIPT Manejo de Eventos Prof. María Zeballos
  2. 2. Revisaremos los eventos más importantes, agrupados por el tipo de elemento para el que están definidos…
  3. 3. Eventos para todos los elementos Eventos exclusivamente para body Evento para input y textarea Evento para input, select y textarea Eventos para <button>, <input>, <label>, <select>, <textarea>, <body> Eventos para elementos de formulario y body.
  4. 4. Eventos definidos para todos los elementos • Pinchar y soltar el ratónonclick • Pinchar dos veces seguidas con el ratónondblclick • Pulsar, sin soltar, un botón del ratónOnmousedown • Mover el ratónonmousemove
  5. 5. • El ratón “sale” del elementoonmouseout • El ratón pasa por encima del elementoonmouseover • Soltar el botón que estaba pulsado en el ratónonmouseup Eventos definidos para todos los elementos
  6. 6. •La página se ha cargado completamenteonload •Se ha modificado el tamaño de la ventana del navegadoronresize •Se abandona la páginaonunload Eventos definidos exclusivamente para body
  7. 7. • Pulsar una tecla, sin soltarlaonkeydown • Pulsar una teclaonkeypress • Soltar una tecla pulsadaonkeyup Eventos definidos para elementos de formulario y body.
  8. 8. • Seleccionar un textoonselect Evento definido sólo para input y textarea
  9. 9. •Deseleccionar un elemento que se ha modificado.onchangue Evento definido para input, select y textarea
  10. 10. Eventos definidos para los elementos <button>, <imput>, <label>, <select>, <textarea>, <body> • Deseleccionar el elementoonblur • Seleccionar un elementoonfocus

×