您可以将您的处理程序与解除绑定.off，但有一个警告：如果这样做是为了防止在处理程序已经运行时再次触发它，则需要推迟重新绑定处理程序。
例如，考虑以下代码，该代码使用5秒钟的热睡眠来模拟从处理程序内部完成的同步且计算量大的操作（例如繁重的DOM操作）：
<button id="foo">Click Me!</div>
<script>
function waitForFiveSeconds() {
var startTime = new Date();
while (new Date() - startTime < 5000) {}
}
$('#foo').click(function handler() {
$('#foo').off('click');
console.log('Hello, World!');
waitForFiveSeconds();
$('#foo').click(handler);
});
</script>
这行不通。如您所见，如果您在此JSFiddle中进行了尝试，如果在处理程序已经执行时单击该按钮，则在第一次执行完成后，处理程序将再次执行。更重要的是，至少在Chrome和Firefox，这会即使您没有使用jQuery和使用是真实的addEventListener，并removeEventListener添加和删除处理程序来代替。浏览器在第一次单击后执行处理程序，解除绑定并重新绑定处理程序，然后处理第二次单击并检查是否有要执行的单击处理程序。
要解决此问题，您需要使用延迟处理程序的重新绑定setTimeout，以便在重新附加处理程序之前，先处理在执行第一个处理程序时发生的单击。
<button id="foo">Click Me!</div>
<script>
function waitForFiveSeconds() {
var startTime = new Date();
while (new Date() - startTime < 5000) {}
}
$('#foo').click(function handler() {
$('#foo').off('click');
console.log('Hello, World!');
waitForFiveSeconds();
setTimeout(function () {
$('#foo').click(handler);
}, 0);
});
</script>
您可以在此经过修改的JSFiddle中看到这一点。
自然，如果您在处理程序中正在执行的操作已经是异步的，则这是不必要的，因为那样您就已经将控制权交给了浏览器，并让它在重新绑定处理程序之前刷新了所有click事件。例如，这样的代码无需setTimeout调用即可正常工作：
<button id="foo">Save Stuff</div>
<script>
$('#foo').click(function handler() {
$('#foo').off('click');
$.post( "/some_api/save_stuff", function() {
$('#foo').click(handler);
});
});
</script>