Question

addEventListener的第三个参数到底该怎么设置

Answer 1

从 官方文档 看，addEventListener 方法使用如下：

主要关注下第三个参数，可以设置为bool类型（useCapture）或者object类型(options)。

removeEventListener的参数与addEventListener类似：

在移除之前添加的监听事件时，很显然需要传入同样的type和listener，那第三个参数options和useCapture呢?

只会检查addEventListener的useCapture或options中的capture值。

例如:

当DOM元素与事件拥有不同的生命周期时，倘若不remove掉eventListener就有可能导致内存泄漏（保留或增加了不必要的内存占用）。比如在单页应用中，切换了页面后，原组件已经卸载，但其注册在document上的事件却保留了下来，白白占用了内存空间。 所以removeEventlister与addEventListener成对儿出现是best practice，可以避免可能出现的内存泄漏问题。