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

如何使用此功能删除eventlistner

1 个答案: