addEventListener

Biblioteca:	Document
Tipo:	Método
Finalidade:	Adicionar o tratamento de um evento ao elemento html.
Sintaxe:	document.addEventListener(evento, função, ModoDeCaptura)
Parametros:	evento : designa qual evento que será agregado a tag ( como click, over, etc.).
	função : É uma função ( normalmente feita em JavaScript ) que tratará o evento.
	E o ModoDeCaptura que pode ser false (bubbling-borbulhamento-default) ou true (Capturing). Nota : Ao omitir o parâmetro ModoDeCaptura será utilizado o bubbling(default - false).
Descrição:	Adiciona um manipulador ('handler') de um determinado evento a um elemento html do documento corrente.
exemplo:	Clique aqui para disparar o evento click recém adicionado a este controle :    <input type="text" id="demoAddEventListener" />    <script>        document.addEventListener("click", function () {         document.getElementById("demoAddEventListener").value = "Não é que funciona";        });    </script>
Teste:	Clique aqui para disparar o evento click recém adicionado a este controle :
Nota(s):	1-Algumas tags a gente pode definir alguns eventos diretamente como, por exemplo, onclick. Contudo alguns eventos 'extras' podem ser adicionados utilizando este método...addEventListerner a tag.
	2-Você pode adicionar o mesmo evento a diferentes objetos do DOM mas nunca dois tratamentos de evento ao mesmo objeto do DOM. Cada objeto só admite uma função de tratamento para cada evento.
	3-Os eventos mais comuns são : Assunto html - 09-Eventos Globais