javascript - 如何使用此函数删除事件监听器

Question

我是 JavaScript 事件的初学者，我在工作时看到了下面的代码。

我知道在添加和删除事件监听器时我必须有单个函数，所以查看我的代码:

document.getElementById("formId").addEventListener("submit", function(event) {
                event = event || window.event;
                if (event.preventDefault) {
                    event.preventDefault();
                } else {
                    event.returnValue = false;
                }
            });

如何删除此事件监听器？

这是由提交事件造成的，所以当我想删除这个事件监听器时，如何捕获这个事件并再次使用它来通过上面的函数删除事件监听器？

Answer 1

您可以按如下方式删除事件监听器:document.getElementById("formId").removeEventListener('submit', handleSubmit);

完整代码示例:

function handleSubmit(event) {
    event = event || window.event;
    if (event.preventDefault) {
        event.preventDefault();
    } else {
        event.returnValue = false;
    }
}
document.getElementById("formId").addEventListener("submit", handleSubmit);

document.getElementById("formId").removeEventListener("submit", handleSubmit);

文档中的更多选项:https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener