Código de JavaScript - Crear un evento desde JavaScript con addEventListener

Imágen de perfil

Crear un evento desde JavaScript con addEventListenergráfica de visualizaciones


JavaScript

Publicado el 24 de Junio del 2015 por xve
1.611 visualizaciones desde el 24 de Junio del 2015. Una media de 28 por semana
Este simple código, te muestra como desde JavaScript, puedes crear un evento click sobre un botón.
Al hacerlo de esta manera, tu código HTML queda completamente separado del código JavaScript... muy útil para trabajar en modelo vista controlador (MVC).

Versión 1.0

Actualizado el 26 de Junio del 2015 (Creado el 24 de Junio del 2015)gráfica de visualizaciones de la versión: Versión 1.0
1.612 visualizaciones desde el 24 de Junio del 2015. Una media de 28 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
 
	<script>
	window.onload=function()
	{
		var elemento=document.getElementById("miBoton");
		if (elemento.addEventListener)
		{
			// Para todos los navegadores que siguen los estándares
			elemento.addEventListener("click", miFuncion, false);
		}else{
			// Como no, para nuestro amigo Microsoft...
			// Ellos siempre ayudando a los desarrolladores...
			elemento.attachEvent("onclick", miFuncion);
		}
	}
 
	function miFuncion()
	{
		alert("Has pulsado el botón");
	}
	</script>
</head>
 
<body>
 
<form>
	Introduce un nombre
	<input type="text" name="nombre">
	<input type="button" id="miBoton" value="Botón">
</form>
 
</body>
</html>



Comentarios sobre la versión: Versión 1.0 (0)


No hay comentarios
 

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3204