Question

为什么禁用按钮后无法创建警报。但是启用该按钮后，我是否可以收到警报？

$(document).on('click', '#printpage', function() {
  alert('clicked');
if ($("#printpage").is(":disabled")) {
   alert("Disabled");
 } else {
   alert("enabled");
 }
});

Answer 1

禁用的按钮不可单击。如果您想发出警报，请使用class而不是disabled属性，并使用CSS对其进行样式化。

$(document).on('click', '#printpage', function() {
if ($("#printpage").is(".disabled")) {
   alert("Disabled");
 } else {
   alert("enabled");
 }
});

.disabled {
    cursor: not-allowed;
    opacity: .5;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="disabled" id="printpage">Print</button>

Answer 2

您还可以在按钮上方浮动一个不可见的元素，并在其上放置一个onclick事件。显然，启用按钮后，您需要删除该元素。但是，您始终需要通过功能禁用/启用按钮，而不是简单地在按钮本身上设置Disabled属性。

在禁用按钮时创建警报

2 个答案: