SlideShare une entreprise Scribd logo
1  sur  11
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 textarea
Eventos para <button>,
<input>, <label>,
<select>, <textarea>,
<body>
Eventos para elementos
de formulario y body.
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
• 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
•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
• Pulsar una tecla, sin soltarlaonkeydown
• Pulsar una teclaonkeypress
• Soltar una tecla pulsadaonkeyup
Eventos definidos para elementos de formulario y body.
• 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 elementoonblur
• Seleccionar un elementoonfocus
Manejo de eventos con java script

Contenu connexe

Plus de mariazeballos

Uso educativo del computador
Uso educativo del computadorUso educativo del computador
Uso educativo del computadormariazeballos
 
Introducción a java script variables
Introducción a java script variablesIntroducción a java script variables
Introducción a java script variablesmariazeballos
 
Introducción a java script operadores
Introducción a java script operadoresIntroducción a java script operadores
Introducción a java script operadoresmariazeballos
 
Introducción a java script operadores
Introducción a java script operadoresIntroducción a java script operadores
Introducción a java script operadoresmariazeballos
 
Introducción a java script variables
Introducción a java script variablesIntroducción a java script variables
Introducción a java script variablesmariazeballos
 
Introducción a java script 01
Introducción a java script 01Introducción a java script 01
Introducción a java script 01mariazeballos
 
Introducción a html5 elementos de la estructura
Introducción a html5 elementos de la estructuraIntroducción a html5 elementos de la estructura
Introducción a html5 elementos de la estructuramariazeballos
 
Introducción a html5
Introducción a html5Introducción a html5
Introducción a html5mariazeballos
 

Plus de mariazeballos (20)

Folcsonomía
FolcsonomíaFolcsonomía
Folcsonomía
 
Blogger
BloggerBlogger
Blogger
 
Slideshare
SlideshareSlideshare
Slideshare
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Uso educativo del computador
Uso educativo del computadorUso educativo del computador
Uso educativo del computador
 
Introducción a java script variables
Introducción a java script variablesIntroducción a java script variables
Introducción a java script variables
 
Introducción a java script operadores
Introducción a java script operadoresIntroducción a java script operadores
Introducción a java script operadores
 
Dom
DomDom
Dom
 
Introducción a java script operadores
Introducción a java script operadoresIntroducción a java script operadores
Introducción a java script operadores
 
Introducción a java script variables
Introducción a java script variablesIntroducción a java script variables
Introducción a java script variables
 
Document write
Document writeDocument write
Document write
 
Introducción a java script 01
Introducción a java script 01Introducción a java script 01
Introducción a java script 01
 
Modelo de caja
Modelo de cajaModelo de caja
Modelo de caja
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Selectores css
Selectores cssSelectores css
Selectores css
 
Introducción a css
Introducción a cssIntroducción a css
Introducción a css
 
Html5 audio y video
Html5 audio y videoHtml5 audio y video
Html5 audio y video
 
Introducción a html5 elementos de la estructura
Introducción a html5 elementos de la estructuraIntroducción a html5 elementos de la estructura
Introducción a html5 elementos de la estructura
 
Introducción a html5
Introducción a html5Introducción a html5
Introducción a html5
 

Manejo de eventos con java script

  • 2. Revisaremos los eventos más importantes, agrupados por el tipo de elemento para el que están definidos…
  • 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. 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. • 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. •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. • Pulsar una tecla, sin soltarlaonkeydown • Pulsar una teclaonkeypress • Soltar una tecla pulsadaonkeyup Eventos definidos para elementos de formulario y body.
  • 8. • Seleccionar un textoonselect Evento definido sólo para input y textarea
  • 9. •Deseleccionar un elemento que se ha modificado.onchangue Evento definido para input, select y textarea
  • 10. Eventos definidos para los elementos <button>, <imput>, <label>, <select>, <textarea>, <body> • Deseleccionar el elementoonblur • Seleccionar un elementoonfocus