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

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

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

当前回答

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

其他回答

如果你通过html设置onclick,你需要removeAttr($(this).removeAttr('onclick'))

如果你通过jquery设置它(就像我上面例子中的第一次点击之后),那么你需要unbind($(this).unbind('click'))

在回答这个问题时,这是不可用的,但您也可以使用live()方法来启用/禁用事件。

$('#myimage:not(.disabled)').live('click', myclickevent);

$('#mydisablebutton').click( function () { $('#myimage').addClass('disabled'); });

当您单击#mydisablebutton时,这段代码将会发生什么,它将把禁用类添加到#myimage元素中。这将使选择器不再匹配元素,事件将不会触发,直到'disabled'类被移除,使.live()选择器再次有效。

通过添加基于该类的样式,这还有其他好处。

我必须使用道具和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结构,而不将所有事件处理程序附加到元素及其子节点。为此,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);

这样,我们就有了一个没有事件处理程序的克隆版本来代替原始版本。

祝你好运…