SlideShare una empresa de Scribd logo
Manejo de eventos
Manejo de eventos
Se llama evento a un suceso que ocurre en
el sistema cuando el usuario o el sistema
ejecuta algún tipo de acción.
Un evento debe asociarse a un elemento
HTML, no a un código JavaScript.
Manejo de eventos
Modelo de propagación de eventos
DOM 3
Modelo de propagación de eventos
Modelo de propagación de eventos
Manejo de eventos
Eventos del ratón:
● onclick
● onmousemove
● onmouseover
● onmouseout
● onmousedown
Manejo de eventos
Eventos del teclado
● onkeydown
● onkeypress
● onkeyup
Manejo de eventos
Eventos de enfoque
● onblur
● onfocus
Manejo de eventos
Eventos de formulario
● onreset
● onsubmit
Manejo de eventos
Eventos de carga de página
● onload
● onunload
Manejo de eventos
Escritura tradicional de un evento (no
recomendable):
<body onLoad="alert('Acabas de entrar en el
web más interesante de la RED');”>
Manejo de eventos
Nueva forma de escritura de un evento:
window.onload = function(){
alert("Bienvenido a mi página");
};

Más contenido relacionado

Destacado

Apuntes: Arreglos y objetos en JavaScript
Apuntes: Arreglos y objetos en JavaScriptApuntes: Arreglos y objetos en JavaScript
Apuntes: Arreglos y objetos en JavaScript
Francisco Javier Arce Anguiano
 
Los metadatos de HTML5
Los metadatos de HTML5Los metadatos de HTML5
Los metadatos de HTML5
Francisco Javier Arce Anguiano
 
Mkt ii tema 4 plan de acción
Mkt ii tema 4 plan de acciónMkt ii tema 4 plan de acción
Mkt ii tema 4 plan de acción
Julio Garcia Fajardo
 
Apuntes: los objetos del navegador de Javascript
Apuntes: los objetos del navegador de JavascriptApuntes: los objetos del navegador de Javascript
Apuntes: los objetos del navegador de Javascript
Francisco Javier Arce Anguiano
 
Apuntes; Aptana Studio 3
Apuntes;  Aptana Studio 3Apuntes;  Aptana Studio 3
Apuntes; Aptana Studio 3
Francisco Javier Arce Anguiano
 
Introducción a SQLite 3 y PHP
Introducción a SQLite 3 y PHPIntroducción a SQLite 3 y PHP
Introducción a SQLite 3 y PHP
Francisco Javier Arce Anguiano
 
SQLite y PHP: DQL - data query language
SQLite y PHP: DQL - data query languageSQLite y PHP: DQL - data query language
SQLite y PHP: DQL - data query language
Francisco Javier Arce Anguiano
 
HTML5 API WebSQL Database: Funciones de agregado
HTML5 API WebSQL Database: Funciones de agregadoHTML5 API WebSQL Database: Funciones de agregado
HTML5 API WebSQL Database: Funciones de agregado
Francisco Javier Arce Anguiano
 
Las etiquetas estructurales en html5
Las etiquetas estructurales en html5Las etiquetas estructurales en html5
Las etiquetas estructurales en html5
Francisco Javier Arce Anguiano
 
HTML5 API WebSQL Database: DML: Data Manipulation Language
HTML5 API WebSQL Database: DML: Data Manipulation LanguageHTML5 API WebSQL Database: DML: Data Manipulation Language
HTML5 API WebSQL Database: DML: Data Manipulation Language
Francisco Javier Arce Anguiano
 
Apuntes: SublimeText 3
Apuntes: SublimeText 3Apuntes: SublimeText 3
Apuntes: SublimeText 3
Francisco Javier Arce Anguiano
 
Historia de HTML5
Historia de HTML5Historia de HTML5
WebSQl DataBase HTML5-dql - data query language
WebSQl DataBase HTML5-dql - data query languageWebSQl DataBase HTML5-dql - data query language
WebSQl DataBase HTML5-dql - data query language
Francisco Javier Arce Anguiano
 
Event planning powerpoint
Event planning powerpointEvent planning powerpoint
Event planning powerpoint
katelandturner
 
Marketing Plan Presentation Template
Marketing Plan Presentation TemplateMarketing Plan Presentation Template
Marketing Plan Presentation Template
Demand Metric
 
Lesson Plan PowerPoint Presentation
Lesson Plan PowerPoint PresentationLesson Plan PowerPoint Presentation
Lesson Plan PowerPoint Presentationyseauy
 

Destacado (16)

Apuntes: Arreglos y objetos en JavaScript
Apuntes: Arreglos y objetos en JavaScriptApuntes: Arreglos y objetos en JavaScript
Apuntes: Arreglos y objetos en JavaScript
 
Los metadatos de HTML5
Los metadatos de HTML5Los metadatos de HTML5
Los metadatos de HTML5
 
Mkt ii tema 4 plan de acción
Mkt ii tema 4 plan de acciónMkt ii tema 4 plan de acción
Mkt ii tema 4 plan de acción
 
Apuntes: los objetos del navegador de Javascript
Apuntes: los objetos del navegador de JavascriptApuntes: los objetos del navegador de Javascript
Apuntes: los objetos del navegador de Javascript
 
Apuntes; Aptana Studio 3
Apuntes;  Aptana Studio 3Apuntes;  Aptana Studio 3
Apuntes; Aptana Studio 3
 
Introducción a SQLite 3 y PHP
Introducción a SQLite 3 y PHPIntroducción a SQLite 3 y PHP
Introducción a SQLite 3 y PHP
 
SQLite y PHP: DQL - data query language
SQLite y PHP: DQL - data query languageSQLite y PHP: DQL - data query language
SQLite y PHP: DQL - data query language
 
HTML5 API WebSQL Database: Funciones de agregado
HTML5 API WebSQL Database: Funciones de agregadoHTML5 API WebSQL Database: Funciones de agregado
HTML5 API WebSQL Database: Funciones de agregado
 
Las etiquetas estructurales en html5
Las etiquetas estructurales en html5Las etiquetas estructurales en html5
Las etiquetas estructurales en html5
 
HTML5 API WebSQL Database: DML: Data Manipulation Language
HTML5 API WebSQL Database: DML: Data Manipulation LanguageHTML5 API WebSQL Database: DML: Data Manipulation Language
HTML5 API WebSQL Database: DML: Data Manipulation Language
 
Apuntes: SublimeText 3
Apuntes: SublimeText 3Apuntes: SublimeText 3
Apuntes: SublimeText 3
 
Historia de HTML5
Historia de HTML5Historia de HTML5
Historia de HTML5
 
WebSQl DataBase HTML5-dql - data query language
WebSQl DataBase HTML5-dql - data query languageWebSQl DataBase HTML5-dql - data query language
WebSQl DataBase HTML5-dql - data query language
 
Event planning powerpoint
Event planning powerpointEvent planning powerpoint
Event planning powerpoint
 
Marketing Plan Presentation Template
Marketing Plan Presentation TemplateMarketing Plan Presentation Template
Marketing Plan Presentation Template
 
Lesson Plan PowerPoint Presentation
Lesson Plan PowerPoint PresentationLesson Plan PowerPoint Presentation
Lesson Plan PowerPoint Presentation
 

Similar a Apuntes: manejo de eventos en javascript

2_JSEventos.pdf
2_JSEventos.pdf2_JSEventos.pdf
2_JSEventos.pdf
ClaudiaJulianaDulcey
 
Clase 9 eventos
Clase 9 eventosClase 9 eventos
Programacion Orientada a Eventos
Programacion Orientada a EventosProgramacion Orientada a Eventos
Programacion Orientada a EventosLaura
 
Lenguaje script
Lenguaje scriptLenguaje script
Lenguaje script19-04-91
 
SyntheticEvent – React.pdf
SyntheticEvent – React.pdfSyntheticEvent – React.pdf
SyntheticEvent – React.pdf
diegocastanares3005
 
4. Agregar Codigo A Los Formularios Web Form
4.  Agregar Codigo A Los Formularios Web Form4.  Agregar Codigo A Los Formularios Web Form
4. Agregar Codigo A Los Formularios Web Formguest3cf6ff
 
Topicos Avanzados de Programacion Unidad 1 Eventos
Topicos Avanzados de Programacion Unidad 1 EventosTopicos Avanzados de Programacion Unidad 1 Eventos
Topicos Avanzados de Programacion Unidad 1 Eventos
José Antonio Sandoval Acosta
 
Eventos
EventosEventos
HTML DOM Events
HTML DOM EventsHTML DOM Events
HTML DOM Events
Pattzy Montero
 

Similar a Apuntes: manejo de eventos en javascript (10)

2_JSEventos.pdf
2_JSEventos.pdf2_JSEventos.pdf
2_JSEventos.pdf
 
Manejo de eventos
Manejo de eventosManejo de eventos
Manejo de eventos
 
Clase 9 eventos
Clase 9 eventosClase 9 eventos
Clase 9 eventos
 
Programacion Orientada a Eventos
Programacion Orientada a EventosProgramacion Orientada a Eventos
Programacion Orientada a Eventos
 
Lenguaje script
Lenguaje scriptLenguaje script
Lenguaje script
 
SyntheticEvent – React.pdf
SyntheticEvent – React.pdfSyntheticEvent – React.pdf
SyntheticEvent – React.pdf
 
4. Agregar Codigo A Los Formularios Web Form
4.  Agregar Codigo A Los Formularios Web Form4.  Agregar Codigo A Los Formularios Web Form
4. Agregar Codigo A Los Formularios Web Form
 
Topicos Avanzados de Programacion Unidad 1 Eventos
Topicos Avanzados de Programacion Unidad 1 EventosTopicos Avanzados de Programacion Unidad 1 Eventos
Topicos Avanzados de Programacion Unidad 1 Eventos
 
Eventos
EventosEventos
Eventos
 
HTML DOM Events
HTML DOM EventsHTML DOM Events
HTML DOM Events
 

Más de Francisco Javier Arce Anguiano

El nuevo objeto para internacionalización y localización Intl
El nuevo objeto para internacionalización y localización IntlEl nuevo objeto para internacionalización y localización Intl
El nuevo objeto para internacionalización y localización Intl
Francisco Javier Arce Anguiano
 
El nuevo tipo de datos "símbolo" o "symbol"
El nuevo tipo de datos "símbolo" o "symbol"El nuevo tipo de datos "símbolo" o "symbol"
El nuevo tipo de datos "símbolo" o "symbol"
Francisco Javier Arce Anguiano
 
Nuevas características de los objetos en JavaScript ES6
Nuevas características de los objetos en JavaScript ES6Nuevas características de los objetos en JavaScript ES6
Nuevas características de los objetos en JavaScript ES6
Francisco Javier Arce Anguiano
 
Nuevos Métodos en ES6
Nuevos Métodos en ES6Nuevos Métodos en ES6
Nuevos Métodos en ES6
Francisco Javier Arce Anguiano
 
Objetos de propagación o ...spread
Objetos de propagación o ...spreadObjetos de propagación o ...spread
Objetos de propagación o ...spread
Francisco Javier Arce Anguiano
 
Mejoras en las expresiones regulares
Mejoras en las expresiones regularesMejoras en las expresiones regulares
Mejoras en las expresiones regulares
Francisco Javier Arce Anguiano
 
Valores por default en argumentos
Valores por default en argumentosValores por default en argumentos
Valores por default en argumentos
Francisco Javier Arce Anguiano
 
Literales octales y binarias:
Literales octales y binarias: Literales octales y binarias:
Literales octales y binarias:
Francisco Javier Arce Anguiano
 
La programación orientada a objetos con JavaScript ES6
La programación orientada a objetos con JavaScript ES6La programación orientada a objetos con JavaScript ES6
La programación orientada a objetos con JavaScript ES6
Francisco Javier Arce Anguiano
 
Identificar el dispositivo para desarrollar en iOS
Identificar el dispositivo para desarrollar en iOSIdentificar el dispositivo para desarrollar en iOS
Identificar el dispositivo para desarrollar en iOS
Francisco Javier Arce Anguiano
 
Crear un certificado P12 para desarrollar en iOS
Crear un certificado P12 para desarrollar en iOSCrear un certificado P12 para desarrollar en iOS
Crear un certificado P12 para desarrollar en iOS
Francisco Javier Arce Anguiano
 
Crear certificado CSR para iOS
Crear certificado CSR para iOSCrear certificado CSR para iOS
Crear certificado CSR para iOS
Francisco Javier Arce Anguiano
 
Crear una cuenta de desarrollador para iOS
Crear una cuenta de desarrollador para iOSCrear una cuenta de desarrollador para iOS
Crear una cuenta de desarrollador para iOS
Francisco Javier Arce Anguiano
 
Apuntes: Manejar el DOM con JavaScript
Apuntes: Manejar el DOM con JavaScriptApuntes: Manejar el DOM con JavaScript
Apuntes: Manejar el DOM con JavaScript
Francisco Javier Arce Anguiano
 
Apuntes: Crear examenes en Moodle
Apuntes: Crear examenes en MoodleApuntes: Crear examenes en Moodle
Apuntes: Crear examenes en Moodle
Francisco Javier Arce Anguiano
 

Más de Francisco Javier Arce Anguiano (15)

El nuevo objeto para internacionalización y localización Intl
El nuevo objeto para internacionalización y localización IntlEl nuevo objeto para internacionalización y localización Intl
El nuevo objeto para internacionalización y localización Intl
 
El nuevo tipo de datos "símbolo" o "symbol"
El nuevo tipo de datos "símbolo" o "symbol"El nuevo tipo de datos "símbolo" o "symbol"
El nuevo tipo de datos "símbolo" o "symbol"
 
Nuevas características de los objetos en JavaScript ES6
Nuevas características de los objetos en JavaScript ES6Nuevas características de los objetos en JavaScript ES6
Nuevas características de los objetos en JavaScript ES6
 
Nuevos Métodos en ES6
Nuevos Métodos en ES6Nuevos Métodos en ES6
Nuevos Métodos en ES6
 
Objetos de propagación o ...spread
Objetos de propagación o ...spreadObjetos de propagación o ...spread
Objetos de propagación o ...spread
 
Mejoras en las expresiones regulares
Mejoras en las expresiones regularesMejoras en las expresiones regulares
Mejoras en las expresiones regulares
 
Valores por default en argumentos
Valores por default en argumentosValores por default en argumentos
Valores por default en argumentos
 
Literales octales y binarias:
Literales octales y binarias: Literales octales y binarias:
Literales octales y binarias:
 
La programación orientada a objetos con JavaScript ES6
La programación orientada a objetos con JavaScript ES6La programación orientada a objetos con JavaScript ES6
La programación orientada a objetos con JavaScript ES6
 
Identificar el dispositivo para desarrollar en iOS
Identificar el dispositivo para desarrollar en iOSIdentificar el dispositivo para desarrollar en iOS
Identificar el dispositivo para desarrollar en iOS
 
Crear un certificado P12 para desarrollar en iOS
Crear un certificado P12 para desarrollar en iOSCrear un certificado P12 para desarrollar en iOS
Crear un certificado P12 para desarrollar en iOS
 
Crear certificado CSR para iOS
Crear certificado CSR para iOSCrear certificado CSR para iOS
Crear certificado CSR para iOS
 
Crear una cuenta de desarrollador para iOS
Crear una cuenta de desarrollador para iOSCrear una cuenta de desarrollador para iOS
Crear una cuenta de desarrollador para iOS
 
Apuntes: Manejar el DOM con JavaScript
Apuntes: Manejar el DOM con JavaScriptApuntes: Manejar el DOM con JavaScript
Apuntes: Manejar el DOM con JavaScript
 
Apuntes: Crear examenes en Moodle
Apuntes: Crear examenes en MoodleApuntes: Crear examenes en Moodle
Apuntes: Crear examenes en Moodle
 

Último

Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
Elizabeth Mejia
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
LuisEnriqueCarboneDe
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
DarwinNestorArapaQui
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
QuerubinOlayamedina
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
CESAR MIJAEL ESPINOZA SALAZAR
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 

Último (9)

Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 

Apuntes: manejo de eventos en javascript