使用 jQuery，我想在不更改给定按钮的 disabled 属性的情况下禁用它的所有点击事件。
我正在考虑检索单击事件处理程序，取消绑定并存储它们（例如，使用data()）。
然后我可以在按钮再次启用后重新绑定它们。
【问题讨论】：
标签： javascript jquery
这并不难，因为 jQuery 已经将其所有事件处理程序存储为元素本身的data()。你可以通过.data().events获取（和修改）这个对象。
现在您可以使用以下方法轻松保存对处理程序的引用：
events._click = events.click;
events.click = null;
然后使用以下方法恢复它们：
events.click = events._click;
events._click = null;
请注意，这不会禁用通过.delegate() 或.live() 绑定的事件，因为它们通过事件冒泡/传播起作用。要同时禁用这些，只需绑定一个阻止传播到祖先元素的新处理程序：
events._click = events.click;
events.click = null;
// Block .live() and .delegate()
$("#el").click(function (e) {
e.stopPropagation();
});
当需要再次启用处理程序时，您甚至不需要取消绑定此阻止函数，因为events.click = events._click 将覆盖您刚刚与所有旧处理程序绑定的函数。
【讨论】：
这是另一种方式：
$("#myButton").click(function() {
if ($(this).attr("temp_disable") == "disabled") {
//nothing to do, temporarily disabled...
}
else {
alert("You clicked me!");
}
});
要“禁用”它 10 秒：
$("#myButton").attr("temp_disable", "disabled");
window.setTimeout(function() { $("#myButton").attr("temp_disable", ""); }, 10000);
【讨论】：
div 只是看起来像一个按钮，然后在时间到期时将其更改回按钮 - 希望事件处理程序将被保留，需要先检查它。
data() 保留原始按钮。然后把原来的按钮换回去。
这就是要走的路。如果您将 onclick 指定为属性，则可以切换属性总线
$(button_element).attr('click', '');
和
$(button_element).attr('click', 'do_the_regular_action()');
【讨论】：
这里的所有答案现在都已过时 - 从 jQuery 1.7 开始，您应该使用 .off() 解释 on the official jQuery site
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>off demo</title>
<style>
button {
margin: 5px;
}
button#theone {
color: red;
background: yellow;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button id="theone">Does nothing...</button>
<button id="bind">Add Click</button>
<button id="unbind">Remove Click</button>
<div style="display:none;">Click!</div>
<script>
function flash() {
$( "div" ).show().fadeOut( "slow" );
}
$( "#bind" ).click(function() {
$( "body" )
.on( "click", "#theone", flash )
.find( "#theone" )
.text( "Can Click!" );
});
$( "#unbind" ).click(function() {
$( "body" )
.off( "click", "#theone", flash )
.find( "#theone" )
.text( "Does nothing..." );
});
</script>
</body>
</html>【讨论】：
您可以使用unbind 和bind
$('#control').unbind('click');
和
$('#control').bind('click', NameOfFunctionToCall);
【讨论】：
我将扩展 Barry 和 Thariama 提供的答案...我认为这将满足 Ovesh 的反对意见：
您可以将命名空间添加到您的事件绑定。这使您可以稍后引用该特定事件绑定，而不会与其他绑定发生冲突。我认为这比公认的答案更干净......（公平地说，在最初的问题出现时，jQuery 中可能没有这个功能）。
// A generic click handler:
$('.myButton').click(function() { ... });
// A namespaced click handler:
$('.myButton').bind('click.someSituation', function() { ... });
// Later you can unbind only the handler you want by using the namespace:
$('.myButton').unbind('click.someSituation');
// The default click handler still works.
【讨论】：
而不是做这件事使用 Core Javascript 来做这个任务 例如看下面的例子。
function MakeSaveDisabled(flg) {
if (flg != null) {
$(".btnpost").each(function () {
this.removeAttribute("disabled");
if (this.hasAttribute("oclickevt")) {
this.setAttribute("onclick", this.getAttribute("oclickevt"));
}
});
}
else {
$(".btnpost").each(function () {
this.setAttribute("disabled", "true");
if (this.getAttribute("onclick") != null) {
this.setAttribute("oclickevt", this.getAttribute("onclick"));
}
this.removeAttribute("onclick");
});
}
}
将javascript函数保存在某个临时属性中，并在需要时绑定它。
【讨论】：
您可以保存事件然后恢复它们，这似乎可行（请注意，_ 可能需要根据 JQuery 的版本省略）。
此示例停止引导切换更改事件触发，然后触发切换，然后将事件重置为之前的任何事件。你可以通过点击等来做同样的事情。
var events;
// Save change events associated with this control
events = $._data($(this)[0], "events").change;
$._data($(this)[0], "events").change = null;
// Do your stuff here
$(this).bootstrapToggle("off");
// Reset change events
$._data($(this)[0], "events").change = events;
【讨论】：