事件监听、事件流、事件委托、阻止冒泡随手记

事件监听：

1、addEventListener(‘事件类型’，回调函数，捕捉（true）/冒泡（false）)事件监听可以给一个元素绑定多个事件
2、在使用时，最好是绑定命名函数，因为removeEventListener清除匿名函数
3、ie低版本兼容时，事件监听函数为：attachEvent(“on”+type,callback,capture);
4、ie低版本兼容时，清除事件监听为：detachEvent("on"type,callback)

事件流执行顺序：

1、事件捕捉执行
2、元素原本绑定的事件执行
3、事件冒泡执行

阻止事件冒泡：

1、e.stopPropagation();//阻断事件冒泡到外层
2、兼容写法e.cancelBubble=true

事件委托：

给父级绑定一个事件可以获取到其子类，可以节省内存
function的e兼容写法：var e=e||window.event //也可以用三元运算符
var target=e.target||e.srcElement //事件源
target.name//获取标签类型
target.textContent//获取文本内容

禁止浏览器默认操作(a标签跳转、f5默认刷新、鼠标右键菜单、表单提交等)：
也就是给这些默认操作绑定这个方法/属性
1、 e.preventDefault() 或者给此a标签的href=“javascript:;”
2、兼容ie时e.returnValue=false;