锚标记的禁用属性不起作用[重复]

Question

我有一个要求，我需要在 href 标记上禁用 onclick 事件。我可以禁用“a href”标签，但“a href”标签中的 onclick 事件仍然没有被禁用。

下面的 sn-p 更清楚地解释了这个问题！

//click works on button even though it is disabled 
function check(){
alert("i am able to click on button though it is disabled")
}

<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<a href="#" id="tr" onclick="check()" class="btn btn-warning" disabled>Click</a>

在上面的 sn-p 中，即使“a href”似乎被禁用，但是当你点击 a-href 时，点击仍然有效！

请帮帮我！

提前致谢！

Answer 1

这是因为 disabled 属性只对按钮元素起作用，所以将你的锚点修改为按钮：

<button type="button" id="tr" onclick="check()" class="btn btn-warning" disabled>Click</button>