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

Pos: 2

Val: 3.162

Ha mantenido su posición en JavaScript (en relación al último mes)

Crear un evento desde JavaScript con addEventListener

JavaScript

Publicado el 24 de Junio del 2015 por Xve (294 códigos)

5.272 visualizaciones desde el 24 de Junio del 2015

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

Publicado el 24 de Junio del 2015

5.273 visualizaciones desde el 24 de Junio del 2015

<!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

http://lwp-l.com/s3204

Función que no permite introducir un 0 como primer carácter

Método burbuja en JavaScript

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

Versión 1.0

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

Comentar la versión: Versión 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.