我有一个input type="image"。这类似于Microsoft Excel中的单元格注释。如果有人在与此输入图像配对的文本框中输入数字,我将为输入图像设置一个事件处理程序。然后,当用户单击图像时,他们会看到一个小弹出窗口,向数据中添加一些注释。
我的问题是,当用户在文本框中输入0时,我需要禁用输入图像的事件处理程序。我试过以下方法,但都没用。
$('#myimage').click(function { return false; });
我有一个input type="image"。这类似于Microsoft Excel中的单元格注释。如果有人在与此输入图像配对的文本框中输入数字,我将为输入图像设置一个事件处理程序。然后,当用户单击图像时,他们会看到一个小弹出窗口,向数据中添加一些注释。
我的问题是,当用户在文本框中输入0时,我需要禁用输入图像的事件处理程序。我试过以下方法,但都没用。
$('#myimage').click(function { return false; });
当前回答
在回答这个问题时,这是不可用的,但您也可以使用live()方法来启用/禁用事件。
$('#myimage:not(.disabled)').live('click', myclickevent);
$('#mydisablebutton').click( function () { $('#myimage').addClass('disabled'); });
当您单击#mydisablebutton时,这段代码将会发生什么,它将把禁用类添加到#myimage元素中。这将使选择器不再匹配元素,事件将不会触发,直到'disabled'类被移除,使.live()选择器再次有效。
通过添加基于该类的样式,这还有其他好处。
其他回答
如果事件以这种方式附加,目标将被解除附加:
$('#container').on('click','span',function(eo){
alert(1);
$(this).off(); //seams easy, but does not work
$('#container').off('click','span'); //clears click event for every span
$(this).on("click",function(){return false;}); //this works.
});
如果你使用$(document).on()向动态创建的元素添加监听器,那么你可能必须使用以下方法来删除它:
// add the listener
$(document).on('click','.element',function(){
// stuff
});
// remove the listener
$(document).off("click", ".element");
我今天在工作中遇到了一个与此相关的有趣案例,其中有一个$(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或''作为第二个参数来测试它,但也许多余的$窗口是不必要的。
我知道这来晚了,但为什么不使用纯JS删除事件?
var myElement = document.getElementById("your_ID");
myElement.onclick = null;
或者,如果你使用一个命名函数作为事件处理程序:
function eh(event){...}
var myElement = document.getElementById("your_ID");
myElement.addEventListener("click",eh); // add event handler
myElement.removeEventListener("click",eh); //remove it
2014年更新
使用最新版本的jQuery,您现在可以通过简单地执行$(“#foo”)来解除名称空间上的所有事件绑定。(“。myNamespace”);