JSFiddle - React, Tailwind, and code Playground
by Fabian Allel
HTML
<div id="contenedor1"><a href="http://www.cecec.com" id="enlace">caca</a></div>JavaScript
var a=document.getElementById("enlace");
var cont1=document.getElementById("contenedor1");
// el último parámetro indica true si el evento va viajando desde arriba hacia abajo, y false de abajo hacia arriba en la estructura jerarquica dom.
//prevent default hace que el evento no se comporte como de costumbre, por ejemplo un enlace que no vaya al enlace, o un submit que no se haga.
//stopPropagation hace que deje de propagarse el evento por el dom como bubble o al contrario, siempre se captura desde el primero que lo captura, para que no pase al resto.
a.addEventListener("click", function(event){console.log(this); }, true);
cont1.addEventListener("click", function(event){console.log(this);event.stopPropagation(); event.preventDefault()}, true);