Question

我对要限制点击次数的元素使用.disabled，但遇到了一个问题，因为我希望能够从jQuery触发点击这些，并且我不确定如何实现这两者。我尝试过css pointer-events: none;，但在我需要支持的一些浏览器中不支持。

以下是当前禁用代码：

$('.disabled').click(false);

Answer 1

要禁用某些元素click事件处理程序，您可以检查该元素是否具有disabled类。

$('mySelector').click(function () {
    if ($(this).hasClass('disabled')) {
        return false; // Prevent click 
    }

    // Event handler code here
    ....
});

CSS：

.disabled {
    opacity: .5;
    cursor: default;
}

这样，您就不必再unbind次，而是bind次事件。

Answer 2

使用return false或preventDefault：

$('.disabled').click(function(e){
    e.preventDefault();
    //or
    //return false;
});

但是如果这是一个按钮或输入元素，那么您可以使用html属性禁用，如下所示：

<input class="disabled" type="text" disabled="disabled" />

启用jQuery中触发的点击，但不支持鼠标/触摸

2 个答案: