js绑定事件和事件流

绑定事件3种方式
1.行内绑定
eg:

2 获取Dom对象并绑定onclick事件
eg:

3.事件监听
eg:

同时要绑定几个事件 时 onclick会被覆盖
eg:

addEventListener 监听事件 可同时绑定多个 不会覆盖
removeEventListener 解除监听事件
eg:

事件流
事件冒泡：当一个元素接受到事件的时候会把他接受到的事件传给自己的父级，一直到window
事件捕获：从父级到子级
eg：