我有一个input type="image"。这类似于Microsoft Excel中的单元格注释。如果有人在与此输入图像配对的文本框中输入数字,我将为输入图像设置一个事件处理程序。然后,当用户单击图像时,他们会看到一个小弹出窗口,向数据中添加一些注释。
我的问题是,当用户在文本框中输入0时,我需要禁用输入图像的事件处理程序。我试过以下方法,但都没用。
$('#myimage').click(function { return false; });
我有一个input type="image"。这类似于Microsoft Excel中的单元格注释。如果有人在与此输入图像配对的文本框中输入数字,我将为输入图像设置一个事件处理程序。然后,当用户单击图像时,他们会看到一个小弹出窗口,向数据中添加一些注释。
我的问题是,当用户在文本框中输入0时,我需要禁用输入图像的事件处理程序。我试过以下方法,但都没用。
$('#myimage').click(function { return false; });
当前回答
你可以添加onclick处理程序作为内联标记:
<input id="addreport" type="button" value="Add New Report" onclick="openAdd()" />
如果是这样,jquery .off()或.unbind()将不起作用。你需要在jquery中添加原始的事件处理程序:
$("#addreport").on("click", "", function (e) {
openAdd();
});
然后jquery有一个事件处理程序的引用,可以删除它:
$("#addreport").off("click")
VoidKing在上面的评论中更间接地提到了这一点。
其他回答
也许解绑定方法对您有用
$("#myimage").unbind("click");
2014年更新
使用最新版本的jQuery,您现在可以通过简单地执行$(“#foo”)来解除名称空间上的所有事件绑定。(“。myNamespace”);
这可以通过使用unbind函数来实现。
$('#myimage').unbind('click');
你可以在jquery中为同一个对象和事件添加多个事件处理程序。这意味着添加一个新的并不会取代旧的。
有几种策略可以更改事件处理程序,例如事件名称空间。在线文档中有几页是关于这个的。
看看这个问题(这就是我学习解绑定的方法)。答案中对这些策略有一些有用的描述。
如何阅读绑定悬停回调函数在jquery
这也很好。简单易行。参见http://jsfiddle.net/uZc8w/570/
$('#myimage').removeAttr("click");
删除所有事件处理程序,这对我来说是有效的:
删除所有事件处理程序意味着使用纯HTML结构,而不将所有事件处理程序附加到元素及其子节点。为此,jQuery的clone()提供了帮助。
var original, clone;
// element with id my-div and its child nodes have some event-handlers
original = $('#my-div');
clone = original.clone();
//
original.replaceWith(clone);
这样,我们就有了一个没有事件处理程序的克隆版本来代替原始版本。
祝你好运…