Usuario:Juanda/javascript/Eventos - Historial de revisiones

Juanda en 20:51 14 oct 2012

2012-10-14T20:51:27Z

2012-10-14T20:50:56Z

2012-10-14T20:33:38Z

‎Ejemplo eventos teclado

2012-10-14T20:27:23Z

2012-10-14T20:24:00Z

2012-10-14T20:22:49Z

2012-10-14T20:11:11Z

‎Técnica de los manejadores semánticos

2012-10-14T20:10:47Z

‎Técnica de los manejadores semánticos

2012-10-14T20:09:51Z

‎Separación de html y javascript

2012-10-14T20:09:24Z

@@ Línea 324: / Línea 324: @@
 </source>
 </div>
+<div class="slide">
 ====Eventos de teclado====

@@ Línea 323: / Línea 323: @@
 </source>
 <div class="slide">
 <source lang="javascript">
 window.onload = function() {
@@ Línea 352: / Línea 372: @@
 <div class="slide">
-* No siempre recogemos en el evento keyCode
+* Solución independiente del navegador:
+<source lang="javascript">
 </div>
 </div>

@@ Línea 349: / Línea 349: @@
 <div id="info"></div>
 </source>
 </div>
 </div>

← Revisión anterior		Revisión de 20:27 14 oct 2012
Línea 324:		Línea 324:
	</source>		</source>

		+	====Ejemplo eventos teclado====
		+
		+	<div class="slide">
		+	<source lang="javascript">
		+	window.onload = function() {
		+	document.onkeyup = muestraInformacion;
		+	document.onkeypress = muestraInformacion;
		+	document.onkeydown = muestraInformacion;
		+	}
		+
		+	function muestraInformacion(elEvento) {
		+	var evento = window.event \|\| elEvento;
		+
		+	var mensaje = "Tipo de evento: " + evento.type + "<br>" +
		+	"Propiedad keyCode: " + evento.keyCode + "<br>" +
		+	"Propiedad charCode: " + evento.charCode + "<br>" +
		+	"Carácter pulsado: " + String.fromCharCode(evento.charCode);
		+
		+	info.innerHTML += "<br>--------------------------------------<br>" + mensaje
		+	}
		+
		+	...
		+
		+	<div id="info"></div>
		+	</source>
		+	</div>
	</div>		</div>

@@ Línea 283: / Línea 283: @@
 <div class="slide">
 === Obteniendo información de eventos:===
 *Mediante el objeto event.

@@ Línea 263: / Línea 263: @@
 </div>
 <div class="slide">
-*Ejemplo: resaltar elementos de un formulario al recibir el foco:
+====Ejemplo: resaltar elementos de un formulario al recibir el foco:====
 <source lang="javascript">
 function resalta() {

@@ Línea 223: / Línea 223: @@
 <div class="slide">
-===Técnica de los manejadores semánticos===
+====Técnica de los manejadores semánticos====
 . Asignar un identificador único al elemento XHTML mediante el atributo id.<br>
 . Crear una función de JavaScript encargada de manejar el evento.<br>

@@ Línea 235: / Línea 235: @@
 <div class="slide">
-===Separación de html y javascript===
+*Separación de html y javascript
 Al igual que se intentan separar los contenidos (código html) y el diseño (css), se recomienda separar los contenidos, de su comportamiento (JavaScript). Por ejemplo:<br>
 <source lang="html4strict">