js事件绑定，事件流，事件代理的一些理解

一、事件绑定：

事件绑定的三种方法：

1、在DOM中直接绑定：

//<ul id="parent-list" οnclick="printName(this)"> //this指当前发生时间的html元素

2、在js代码中绑定：

var node = document.getElementById("parent-list"); node.onclick = function(){ console.log(this); //this指当前发生时间的html元素 }

3、绑定监听函数：（addEventListener  或者 attachEvent，可以绑定多个监听事件）

function addEvent(obj, type, handle){ try{ obj.addEventListener(type, handle, false); } catch(e){ try{ obj.attachEvent('on'+type, handle); } catch(e){ obj['on' + type] = handle; } } } 比较兼容的写法：不过在addEventListener  或者 attachEvent都不支持的情况下只能绑定一个函数，不能绑定多个。

！！！注意：

1、addEventListener 可以再同一个元素上绑定很多个事件

2、

3、

二、事件流：

捕获：所绑定的相同事件从祖先元素到子元素触发。

冒泡：所绑定的相同事件从子元素到祖先元素触发。

三、事件代理：

应用场景：同一个ul下如果有很多个li标签