我如何使用此功能刪除eventlistner

Question

好的，我是JavaScript事件的初學者，在工作時遇到了以下代碼

我知道添加和刪除事件Listener時必須具有單個功能，因此請查看我的代碼：

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

如何刪除此事件偵聽器？

這是由Submit事件造成的，因此，當我想刪除此事件偵聽器時，如何捕獲此事件以再次使用它通過上述功能刪除事件偵聽器？

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/zh-CN/docs/Web/API/EventTarget/removeEventListener