addEventListener(event, function, useCapture) 简记

监听事件方法：addEventListener(<event-name>, <callback>, <use-capture>)

移除监听事件方法：removeEventListener(event, function)

其中 addEventListener(event, function, useCapture) 有三个参数，分别代表：

第一个参数 event-name (String)：所要监听的事件名称或类型，

　　如：鼠标事件(mousedown, mouseup, mousemove, mouseover, mouseout, mouseclick, dblclick 等)

　　　　键盘事件(keydown, keyup, keypress 等)

　　　　等用户触发的事件

第二个参数 callback (function)：监听到事件后所要执行的操作，即事件触发时的回调

第三个参数 use-capture (boolean)：决定事件在哪个阶段被触发并执行相应的回调函数

　　false：冒泡阶段触发，true： 捕获阶段触发。默认值是 false，即冒泡触发

 

冒泡：内部元素的事件会先被触发，然后再触发外部元素（子元素先触发，父元素再触发）。由内及外 

捕获：外部元素的事件会先被触发，然后才会触发内部元素的事件（父元素先触发，子元素再触发）。由外到内