事件流
事件冒泡:事件从最具体的节点开始向外传播到最宽泛的节点。这是事件流默认类型,被绝代多数浏览器支持。
element.addEventListener('event',function,trun);
事件捕货:时间从最宽泛的节点开始向类传播到最具体的节点。这种方式在IE8和更在的版本的IE中不被支持。
事件冒泡示例:
var ela = document.getElementById('A');
ela.addEventListener('click', getEvent, false);
var elli = document.getElementById('B');
elli.addEventListener('click', getEvent, false);
var elli = document.getElementById('ul');
elul.addEventListener('click', getEvent, false);
function getEvent(){
alert(this.innreHTML);
}
事件捕获示例:
var ela = document.getElementById('A');
ela.addEventListener('click', getEvent, true);
var elli = document.getElementById('B');
elli.addEventListener('click', getEvent, true);
var elul = document.getElementById('ul');
elul.addEventListener('click', getEvent, true);
function getEvent() {
alert(this.innerHTML);
}