Lo que quiero es q cuando le de click al div solo se ejecute el evento del div y no el del header, porque en el caso mio se esta ejecutando el evento del div y del header
Se supone que stopPropagation()
haria lo que busco pero no lo hace, porque ocurre esto?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>
<style>
header
{
position: relative;
width: 100%;
height: 80px;
background-color: aqua;
}
div
{
position: relative;
width: 50%;
height: 50px;
background-color: blue;
}
</style>
<script>
var header=document.getElementsByTagName("header");
var div=document.getElementsByTagName("div");
function carga()
{
header[0].addEventListener("click",clickheader,"false");
div[0].addEventListener("click",clickdiv,"false");
}
function clickheader()
{
alert("hola header");
}
function clickdiv(e)
{ e.stopPropagation();
alert("hola div");
}
window.addEventListener("load",carga,"false");
</script>
<body>
<header>
<div>
</div>
</header>
</body>
</html>
stopPropagation()
está en el div no en el header. ¿Te refieres a por qué se ejecuta el evento del header antes del del div?