javascript - EventListener 没有被删除并再次添加，这有问题吗？

Question

当用户单击“on”时，将添加 EventListener:

document.addEventListener('mousemove', getCursorXY, false);

当用户单击“关闭”时，EventListener 不会被删除，而当用户再次单击“打开”时，会再次添加相同的 EventListener:

document.addEventListener('mousemove', getCursorXY, false);

这有问题吗？那么是否有两个监听器正在运行，或者第一个监听器只是被第二个监听器覆盖？

Answer 1

与 onclick 等属性相比，使用 addEventListener 的优点是您可以在元素上附加任意数量的事件处理程序。

这也意味着添加另一个事件处理程序不会自动删除之前设置的事件处理程序，因为这会达不到目的，您必须使用 removeEventListener 手动删除它们。 .

document.removeEventListener('mousemove', getCursorXY, false);