如何通过实现禁用按钮？

Question

我尝试禁用实现中的按钮而不删除click事件。但是正如您在此jsfiddle上看到的那样，我只能得到视觉效果。点击事件仍在启动。

我尝试了以下方法：

$('#btnOne').prop('disabled', true).addClass('disabled');

是虫子吗？还是我做错了什么？

编辑：似乎标记没有问题 button

Answer 1

您可以添加一些CSS规则并保留当前的jQuery代码。

例如：

.disabled {
    pointer-events: none;
}

当该类被触发时，这将阻止所有事件。

看到小提琴：

注意：大多数现代浏览器都支持指针事件。签出：http : //caniuse.com/#feat=pointer-events