JavaScript - 如何根据此函数的结构删除事件监听器？

Question

如何删除此 JavaScript 函数中设置的事件监听器？如果可能的话，我想从另一个函数来做到这一点？如果这是不可能的，那么在同一个函数中就可以工作。

function _dtmCheckFundingEditLink() {


    function _dtmGetCurrentFundingAmount() {

        var currAmt = "NA";

        try {

            currAmt = sessionStorage.getItem("_dtmFundAmount");

        } catch (err) {

            return currAmt;

        }

        return currAmt;

    };



    editLink = document.querySelectorAll('.btn-grp-back');



    if (editLink != null) {

        editLink[2].addEventListener('click', function() {

            var clNm = s.pageName + ":" + _dtmGetCurrentFundingAmount() + ":edit";

            _dtmReportCL(clNm);

        })

    } else {

        setTimeout(_dtmCheckFundingEditLink, 1000);

    }

};

Answer 1

将事件监听器调用的函数声明为单独的函数而不是匿名函数:

function handler(){
  //handle event
}

添加事件监听器:

.
.
.
if (editLink != null) {

        editLink[2].addEventListener('click', handler);

    } else {

        setTimeout(_dtmCheckFundingEditLink, 1000);

    }
.
.
.

现在您可以从单独的函数中删除该处理程序:

 function sampleFunction(){
   editLink = document.querySelectorAll('.btn-grp-back');
   editLink[2].removeEventListener('click', handler); 

}