addEventListener(event, function, useCapture) 简记

本文主要是介绍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，即冒泡触发

 

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

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

　　

 

这篇关于addEventListener(event, function, useCapture) 简记的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---