尽管该链接被禁用,但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a>
如果它是禁用的,我可以使它不可点击吗?我应该使用JavaScript吗?
尽管该链接被禁用,但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a>
如果它是禁用的,我可以使它不可点击吗?我应该使用JavaScript吗?
当前回答
你可以使用下面的代码在运行时使用javascript禁用链接
$ (' .page-link ') . css(“pointer-events”、“没有”);
其他回答
让父类有指针事件:none将禁用子类a标签,如下所示(要求div覆盖a并且宽度/高度不为0):
<div class="disabled">
<a href="/"></a>
</div>
地点:
.disabled {
pointer-events: none;
}
有一种简单干净的方法:
<a href="/shopcart/">
<button class="btn" disabled> Make an Order </button>
</a>
默认情况下,在<button>上禁用属性不会让点击通过<button>元素直到<a>元素。所以<a>元素甚至不知道发生了一些点击。通过在<button>上添加/删除禁用属性进行操作。
如果你想摆脱指针,你可以用css使用游标。
提示1:使用CSS指针事件:无;
JavaScript:void(0) (这是一个最佳实践)
<a href="javascript:void(0)"></a>
使用Jquery $('selector').attr("disabled","disabled");
正确使用按钮和链接。
•按钮激活网页上的脚本功能(对话框,展开/折叠区域)。
•链接带你到另一个位置,无论是到不同的页面或同一页面上的不同位置。
如果你遵循这些规则,就不会出现任何需要禁用链接的情况。即使你让一个链接看起来视觉残疾和空白点击
<a href=“” ng-click=“Ctrl._isLinkActive &&$ctrl.gotoMyAwesomePage()”
你不会考虑可访问性,屏幕阅读器会将其视为链接,视力受损的人会一直好奇为什么链接不起作用。