DOM事件流

Question

<div><button></button></div>

btn.addEventListener("click", function(){
    console.log("btn");
},false);

div.addEventListener("click", function(){
    console.log("div");
}, false);

上面代码
事件的捕获和冒泡没有问题。

<div onclick = "javascript:console.lg('div')">
    <button></button>
</div>

btn.addEventListener("click", function(){
    console.log("btn");
},false);

---

上面代码
div事件总是会被触发？ 这是为什么？

Answer 1

下面总是被触发不是因为 button 里面的事件冒泡吗

Answer 2

addEventListener第三个参数了解一下