html - 'disabled' 是 anchor 标记的有效属性吗

Question

如果我有如下简单的代码段:

<div ng-app="myApp">
    <a ng-disabled='true' ng-click="value1=123">click me</a>
    <button ng-disabled='true' ng-click="value2=123">click me</button>
    =={{value1}}==
    =={{value2}}==
</div>

从 fiddle 可以看出:http://jsfiddle.net/basarat/czVPG/该按钮不可点击并且 ng-click (这只是一个 jquery on('click',function(){}) )不执行。但是它确实为 anchor 标记执行。

• 是否因为禁用不是 anchor 标记的有效属性？
• 如果是，为什么当按钮不触发时它仍然触发 dom click 事件？

Answer 1

阅读w3c Link和 the-a-element

禁用对 anchor 标签无效

相反，您可以通过 event.preventDefault() 来完成

$('a').click(function(event){
   event.preventDefault();
});