在前端开发中，我们经常会使用 addEventListener 方法来为元素添加事件监听器，以执行相应的操作。但是，当我们想要移除已经添加的事件监听器时，有时候会遇到 removeEventListener 方法不起作用的情况，这时候我们该怎么办呢？
常见问题分析
1. 没有正确匹配参数
在使用 removeEventListener 方法时，我们需要确保移除的事件监听器与添加时传入的参数一致。具体来说，需要注意以下三个参数：
type：事件类型，例如click、keydown等。listener：事件监听器，可以是函数或者实现了EventListener接口的对象。options：事件配置项，包括capture（默认值为false）、once（默认值为false）和passive（默认值为false）。
如果我们在移除事件监听器时没有正确匹配这些参数，就会出现无法移除的情况。
// 添加事件监听器
el.addEventListener('click', handleClick, false);
// 错误的移除方式，未指定 options 参数
el.removeEventListener('click', handleClick);
// 正确的移除方式
el.removeEventListener('click', handleClick, false);2. 监听器未保存为变量
在使用 addEventListener 方法时，我们通常会将事件监听器保存在变量中，以便于后续的移除操作。如果我们没有保存监听器为变量，而是直接将函数传递给 addEventListener 方法，那么在移除事件监听器时就无法准确地匹配到该监听器。
-- -------------------- ---- ------- -- --------------- ---------------------------- ---------- - ----------------------- -- ------- -- ---------------- ------------------------------- ---------- - ----------------------- -- ------- -- --------------- ----- ----------- - ---------- - ----------------------- -- ---------------------------- ------------ ------- -- ------------------ ------------------------------- ------------ -------
3. 使用匿名函数
在使用 addEventListener 方法时，我们有时候会直接传递匿名函数作为事件监听器。这种情况下，在移除事件监听器时就无法准确地匹配到该监听器了。
-- -------------------- ---- ------- -- ------------ ---------------------------- ---------- - ----------------------- -- ------- -- ---------------- ------------------------------- ---------- - ----------------------- -- -------
针对这种情况，我们可以使用具名函数或者匿名函数自执行的方式来避免问题。
-- -------------------- ---- ------- -- ------ -------- ------------- - ----------------------- - ---------------------------- ------------ ------- -- ------------ ---------------------------- ----------- - ----------------------- ----- -------
4. 监听器未添加到正确的元素上
在使用 removeEventListener 方法时，我们需要确保移除的事件监听器是添加到了正确的元素上。如果我们将监听器添加到了一个元素的子元素上，而在移除时却尝试从父元素上移除监听器，那么就会出现无法移除的情况。
-- -------------------- ---- ------- -- ----------------- ----- ----- - ------------------------------ ------------------------------- ---------- - ----------------------- -- ------- ---------------------- -- ---------------- ------------------------------- ---------- - -------------------- - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------