禁用按钮时创建警报

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事件。显然，启用按钮时需要删除元素。但是，您总是需要通过函数禁用/启用按钮，而不是简单地在按钮本身上设置禁用的属性。