要禁用 <a>
标签的选项卡功能,可以通过以下几种方法:
javascript:void(0)
代替链接地址:<a href="javascript:void(0)">禁用选项卡</a>
<a href="#" class="disabled-link">禁用选项卡</a><style>
.disabled-link {
pointer-events: none;
cursor: default;
color: gray;
}
</style>
<a href="#" onclick="return false;">禁用选项卡</a>
tabindex
属性禁用选项卡:<a href="#" tabindex="-1">禁用选项卡</a>
aria-disabled
属性:<a href="#" aria-disabled="true">禁用选项卡</a>
role
属性:<a href="#" role="button" aria-disabled="true">禁用选项卡</a>
以上方法都可以有效地禁用 <a>
标签的选项卡功能。
领取专属 10元无门槛券
手把手带您无忧上云