javascript - 即使禁用按钮也可单击

Question

我有下面的代码来禁用按钮，它被禁用了。当我将鼠标悬停时，它会显示交叉的圆形图标，所以一切都很好。然而，问题是，当我在幕后单击时，它会调用单击操作或我们期望在未禁用时单击时看到的内容。

我浏览了网络，除了从 attr 更改为 prop 之外没有找到任何解决方案。我现在就这样做看看，但遗憾的是它在 Deb 中运行良好，但在 UAT 中则不行。

请问有什么帮助吗？

$("#IsMarriedlbl").attr("disabled", true);
$("#IsSinglelbl").attr("disabled", true);
$("#IsWidowedlbl").attr("disabled", true);
$("#Divorcedlbl").attr("disabled", true);

Answer 1

我不知道为什么，但当您单击禁用的提交按钮时，IE 不会阻止事件冒泡，因此您也必须在单击事件中处理它。 - 有点噩梦。

如果您在点击事件上返回 false，它将阻止代码运行，但仍然对用户产生禁用效果。

$('#yourClickEvent').click(function( event ) {
    var $isDisabled  = $(event.target);
    if( $isDisabled.is(':submit:disabled') ) {
        return false;
    }
});