我有一个input type="image"。这类似于Microsoft Excel中的单元格注释。如果有人在与此输入图像配对的文本框中输入数字,我将为输入图像设置一个事件处理程序。然后,当用户单击图像时,他们会看到一个小弹出窗口,向数据中添加一些注释。

我的问题是,当用户在文本框中输入0时,我需要禁用输入图像的事件处理程序。我试过以下方法,但都没用。

$('#myimage').click(function { return false; });

当前回答

删除内联onclick事件的最佳方法是$(element)。道具(onclick, null);

其他回答

也许解绑定方法对您有用

$("#myimage").unbind("click");

这可以通过使用unbind函数来实现。

$('#myimage').unbind('click');

你可以在jquery中为同一个对象和事件添加多个事件处理程序。这意味着添加一个新的并不会取代旧的。

有几种策略可以更改事件处理程序,例如事件名称空间。在线文档中有几页是关于这个的。

看看这个问题(这就是我学习解绑定的方法)。答案中对这些策略有一些有用的描述。

如何阅读绑定悬停回调函数在jquery

我今天在工作中遇到了一个与此相关的有趣案例,其中有一个$(window)的滚动事件处理程序。

// TO ELIMINATE THE RE-SELECTION AND 
//   RE-CREATION OF THE SAME OBJECT REDUNDANTLY IN THE FOLLOWING SNIPPETS
let $window = $(window);

$window.on('scroll', function() { .... });

但是,要撤销那个事件处理程序,我们不能只使用

$window.off('scroll');

因为在这个非常常见的目标上可能有其他滚动事件处理程序,我对通过关闭所有滚动处理程序来冲洗其他功能(已知或未知)不感兴趣。

我的解决方案是首先将处理程序功能抽象为一个命名函数,并在事件侦听器设置中使用它。

function handleScrollingForXYZ() { ...... }

$window.on('scroll', handleScrollingForXYZ);

然后,有条件地,当我们需要撤销它时,我这样做:

$window.off('scroll', $window, handleScrollingForXYZ);

麻烦的部分是第二个参数,它冗余地选择原始选择器。但是,.off()的jquery文档只提供了一个方法签名来指定要删除的处理程序,这要求中间的参数为

当附加事件处理程序时,选择器应该匹配最初传递给.on()的选择器。

我没有冒险用null或''作为第二个参数来测试它,但也许多余的$窗口是不必要的。

所有描述的方法对我来说都不起作用,因为我正在使用on()将单击事件添加到运行时创建元素的文档中:

$(document).on("click", ".button", function() {
    doSomething();
});

我的解决方案:

因为我无法解开“。我只是给按钮分配了另一个类,具有相同的CSS样式。通过这样做,live/on-event-handler最终忽略了点击:

// prevent another click on the button by assigning another class
$(".button").attr("class","buttonOff");

希望这能有所帮助。

如果.on()方法之前与特定选择器一起使用,如下例所示:

$('body').on('click', '.dynamicTarget', function () {
    // Code goes here
});

unbind()和.off()方法都不能工作。

然而,.undelegate()方法可用于完全从事件中删除与当前选择器匹配的所有元素的处理程序:

$("body").undelegate(".dynamicTarget", "click")