一、事件深入
1.1、事件流
比如说有一个父子盒模型,同时都有点击事件。当你点击了子元素元素,这个点击事件不仅仅发生在子元素的身上,也发生在父元素的身上,此时的整个点击事件的经过,就是一个事件流。
<script> var div = document.querySelector("div"); var p = document.querySelector("p"); p.onclick = function(){ alert("我是子盒子"); }; div.onclick = function(){ alert("我是父盒子"); }; document.body.onclick = function(){ alert("我是body标签") }; document.onclick = function(){ alert("我是document标签"); }; window.onclick = function(){ alert("我是window标签"); }; </script>
从子盒子向外冒泡触发事件。
我们为了描述事件流的执行顺序,特意分为了两个阶段:捕获阶段、冒泡阶段
1.2、DOM0级别事件绑定。
DOM的级别分为DOM0级、1级、2级、3级,每个级别是不同的标准,标准一直在升级