DOM:Element.addEventListener()

 Share 

Descripción

Registra un listener en un evento sobre el objeto al que aplicamos el método.

Sintaxis

target.addEventListener(type, listener[, useCapture]);

Parametros

• type, tipo de evento al cual queremos escuchar.
• listener, objeto que recibe la notificación cuando se lanza el evento. Este objeto debe de implementar el interface EventListener o ser una función.
• useCapture, un valor de true indicará que el usuario desea iniciar la captura. Así si se produce otro evento de este tipo siempre será enviado a este listener antes de ser enviado a algún objeto debajo en el árbol DOM. Por defecto su valor es false

Objeto JavaScript al que aplica

Element

Ejemplo

<form>
<label for="dia"><input type="text" id="dia" size="2" value="01"></label>/
<label for="mes"><input type="text" id="mes" size="2" value="02"></label>/
<label for="annio"><input type="text" id="annio" size="4" value="2012"></label>
<button id="calcular">Calcular Fecha</button>
</form>
<span id="fecha"></span>

<script>
var boton = document.getElementById("calcular");
boton.addEventListener("click",function(ev){ 		
 dia = document.getElementById("dia").value;
 mes = document.getElementById("mes").value;
 annio = document.getElementById("annio").value;
 fecha_texto = annio+"-"+mes+"-"+dia; 	
 ms = Date.parse(fecha_texto);
 fecha = new Date(ms);
 document.getElementById("fecha").innerHTML = fecha;
 ev.preventDefault();	
},false);

</script>