我有一个input type="image"。这类似于Microsoft Excel中的单元格注释。如果有人在与此输入图像配对的文本框中输入数字,我将为输入图像设置一个事件处理程序。然后,当用户单击图像时,他们会看到一个小弹出窗口,向数据中添加一些注释。
我的问题是,当用户在文本框中输入0时,我需要禁用输入图像的事件处理程序。我试过以下方法,但都没用。
$('#myimage').click(function { return false; });
我有一个input type="image"。这类似于Microsoft Excel中的单元格注释。如果有人在与此输入图像配对的文本框中输入数字,我将为输入图像设置一个事件处理程序。然后,当用户单击图像时,他们会看到一个小弹出窗口,向数据中添加一些注释。
我的问题是,当用户在文本框中输入0时,我需要禁用输入图像的事件处理程序。我试过以下方法,但都没用。
$('#myimage').click(function { return false; });
当前回答
如果你使用$(document).on()向动态创建的元素添加监听器,那么你可能必须使用以下方法来删除它:
// add the listener
$(document).on('click','.element',function(){
// stuff
});
// remove the listener
$(document).off("click", ".element");
其他回答
如果你只想响应一个事件一次,下面的语法应该很有帮助:
$('.myLink').bind('click', function() {
//do some things
$(this).unbind('click', arguments.callee); //unbind *just this handler*
});
使用参数。被调用者,我们可以确保删除一个特定的匿名函数处理程序,因此,对于给定的事件只有一个时间处理程序。希望这能帮助到其他人。
我今天在工作中遇到了一个与此相关的有趣案例,其中有一个$(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或''作为第二个参数来测试它,但也许多余的$窗口是不必要的。
我必须使用道具和attr将事件设置为null。我不能只选一个。我也无法摆脱工作的束缚。我正在做TD元素。
.prop("onclick", null).attr("onclick", null)
如果.on()方法之前与特定选择器一起使用,如下例所示:
$('body').on('click', '.dynamicTarget', function () {
// Code goes here
});
unbind()和.off()方法都不能工作。
然而,.undelegate()方法可用于完全从事件中删除与当前选择器匹配的所有元素的处理程序:
$("body").undelegate(".dynamicTarget", "click")
如果你通过html设置onclick,你需要removeAttr($(this).removeAttr('onclick'))
如果你通过jquery设置它(就像我上面例子中的第一次点击之后),那么你需要unbind($(this).unbind('click'))