如何刪除事件偵聽器？

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>​