javascript - 使用 JavaScript 从 HTML 元素中移除特定的事件监听器集

Question

我只想从选定的 HTML 元素中删除 mouseup 事件监听器。

我使用了下面的代码，但它会删除所有监听器。

var old_element = divs[d];
                var new_element = old_element.cloneNode(true);
                old_element.parentNode.replaceChild(new_element, old_element);

这就是我附加事件监听器的方式。

var divs = document.getElementsByTagName('body');// to enhance the preformance
for(var d in divs) { 
        try{             
            if (divs[d].addEventListener) {
                 divs[d].addEventListener('mouseup',callHighlight);
            } else {
                divs[d].attachEvent('mouseup', callHighlight);
            } 
        }catch(err){
            //alert(err.message);
        }
}       

Answer 1

你应该使用 removeEventListener而不是 replacechild，后者显然会删除所有事件。

 old_element.removeEventListener('mouseup', handler);