监听事件方法：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，即冒泡触发
冒泡：内部元素的事件会先被触发，然后再触发外部元素（子元素先触发，父元素再触发）。由内及外
捕获：外部元素的事件会先被触发，然后才会触发内部元素的事件（父元素先触发，子元素再触发）。由外到内