1.DOM事件捕获的具体流程
- window->document(根节点)->html->body->具体元素
2.DOM自定义事件
var eve = new Event('test');
ev.addEventListener('test', function () {
console.log('test dispatch');
});
setTimeout(function () {
ev.dispatchEvent(eve);
}, 1000);
3.dom事件的捕获和冒泡
- 先由外向内事件捕获,一直到事发元素,在由内向外冒泡到根节点上
4.阻止
- 有时候需求只需要触发子元素的事件,那就使用event.stopPropagation()阻止冒泡,禁止父元素的事件触发
event.preventDefault() 阻止元素的默认事件
yuansu.addEventListener('click',function(){ (默认冒泡)
true=捕获
false=冒泡
},true)