[go: up one dir, main page]
Scribd
Cargar
67 vistas14 páginas

Javascript 2

El documento aborda la segunda parte de JavaScript, centrándose en los eventos y objetos. Se explican los eventos más comunes y su uso a través de ejemplos prácticos, así como la creación y manipulación de objetos en JavaScript. Se destaca que JavaScript no es un lenguaje orientado a objetos, pero utiliza conceptos de programación orientada a objetos en su implementación.

Cargado por

Gerardo Palacios
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
67 vistas14 páginas

Javascript 2

El documento aborda la segunda parte de JavaScript, centrándose en los eventos y objetos. Se explican los eventos más comunes y su uso a través de ejemplos prácticos, así como la creación y manipulación de objetos en JavaScript. Se destaca que JavaScript no es un lenguaje orientado a objetos, pero utiliza conceptos de programación orientada a objetos en su implementación.

Cargado por

Gerardo Palacios
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 14

JavaScript

Samuel Jurez Pulache


sam.jp.blogspot.com sam_16_83@hotmail.com

Agenda
Javascript Segunda Parte
Eventos en JS (Marco Terico) Ejemplos Prcticos Objetos Ejercicios Ejemplo Prcticos Ejercicios Propuestos

Eventos en JavaScript

Eventos
-Un evento es el producto de la Interaccin del Usuario con la Web -Nos permiten realizar una reaccin como respuesta a una accin del Usuario -Los Eventos se captura mediante Manejadores

Lista de Eventos ms comunes


onAbort
onBlur onChange onClick onDblClick onDragDrop onError onFocus onKeyDown onKeyPress onKeyUp

El usuario interrumpe la carga de una imagen


Un elemento de formulario, una ventana o un marco pierden el foco El valor de un campo de formulario cambia Se hace click en un objeto o formulario Se hace click doble en un objeto o formulario El usuario arrastra y suelta un objeto en la ventana La carga de un documento o imagen produce un error Una ventana, marco o elemento de formulario recibe el foco El usuario pulsa una tecla El usuario mantiene pulsada una tecla El usuario libera una tecla

onLoad onMouseDown onMouseMove onMouseOut onMouseOver onMouseUp onMove onReset onResize

El navegador termina la carga de una ventana El usuario pulsa un botn del ratn El usuario mueve el puntero El puntero abando una rea o enlace El puntero entra en una rea o imagen El usuario libera un botn del ratn Se mueve una ventana o un marco El usuario limpia un formulario Se cambia el tamao de una ventana o marco

onSelect
onSubmit onUnload

Se selecciona el texto del campo texto o rea de texto de un formulario


El usuario enva un formulario El usuario abandona una pgina

Cmo como uso los eventos?


Determinar los objetos donde necesito interactuar con el usuario. Seleccionar el Evento mas til. Implementarlo (Llamar a una funcin) Ejem:
<img src=imgenes/logo.jpg onClick=alert(Logo)/> <img src=imgenes/logo.jpg onClick=mostrarInfo()/>

Objetos en JavaScript

Recordar: Javascript no es un lenguaje de programacin orientado a objetos, aunque los utiliza en muchas ocasiones En Javascript simulamos una clase dentro de un funcion (function) La Notacion de los Objetos:

Clave:Valor

a= { nombre:'Sam', edad:20, saludo:function(){ alert('Hola...'+a.nombre+te da la Bienvenida'); } }


console.info(a.nombre) a.saludo() console.info(a.edad) console.info(a)

var Gato = function (nombre, color, edad) { this.nombre = new String(nombre); this.color = new String(color); this.edad = new Number(edad); if (isNaN(this.edad)) { alert("Error, edad no es un numero"); } } var Michi = new Gato("Michifu", "azul", 2); alert(Michi.nombre+" es de color "+Michi.color+'y tiene '+Michi.edad);

También podría gustarte