如何删除事件侦听器？

Question

可能重复：
JavaScript: remove event listener

我试图从导航删除一些事件监听器，经过 “开始” 按钮被点击。我似乎无法得到任何东西发射。

这里是用做进出口代码：

var startButton = document.getElementById('startButton'); 

startButton.addEventListener('click', function() { 
    hrNav.removeEventListener('mousedown', highlight, false); 
    alert('Did it remove the listener?'); 
}, false); 

，即时通讯试图删除事件侦听是：

if(hrNav.addEventListener){ 
    hrNav.addEventListener('mousedown', highlight, false); 
    return true; 
} else { 
    hrNav.attachEvent('on'+'click', highlight); 
    return true; 
} 

所有这一切都被包裹在一个jQuery document.ready功能。

Answer 1

既然你说你使用jQuery。尝试这样：http://jsfiddle.net/MmFb2/4/

JS

$(function(){ 
    var startButton = $('#startButton'); 
    var hrNav = $('#hrNav'); 

    startButton.bind('click', function() { 
     hrNav.unbind('click'); 
    }); 

    var toggle = false; 
    hrNav.bind('click', function(){ 
     var ele = $(this); 
     if(toggle){ 
      ele.css('background-color', ''); 
     }else{    
      ele.css('background-color', 'yellow'); 
     } 
     toggle = !toggle; 
    }); 
}); 

HTML

<input id="startButton" type="button" value='click to disable' /> 
<div id="hrNav">Click me to highlight</div>​