尽管该链接被禁用,但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a>
如果它是禁用的,我可以使它不可点击吗?我应该使用JavaScript吗?
尽管该链接被禁用,但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a>
如果它是禁用的,我可以使它不可点击吗?我应该使用JavaScript吗?
当前回答
<a href=“/” disabled=“true” onclick=“return false”>123</a>
只是补充:这在一般情况下工作,但它不会工作,如果用户已经在浏览器中禁用javascript。
1)你可以选择在你的锚标签上使用Bootstrap 3类来禁用href标签,在集成Bootstrap 3插件do之后
< href=“btn btn-primary disabled”>123n</a>
Or
2)学习如何在浏览器中使用html或js启用javascript。 或者创建一个弹出窗口,告诉用户在使用网站之前启用javascript
其他回答
提示1:使用CSS指针事件:无;
JavaScript:void(0) (这是一个最佳实践)
<a href="javascript:void(0)"></a>
使用Jquery $('selector').attr("disabled","disabled");
如果你只是想暂时禁用链接,但留下href在那里启用以后(这是我想做的),我发现所有的浏览器使用第一个href。因此,我能够这样做:
<a class="ea-link" href="javascript:void(0)" href="/export/">Export</a>
有一种简单干净的方法:
<a href="/shopcart/">
<button class="btn" disabled> Make an Order </button>
</a>
默认情况下,在<button>上禁用属性不会让点击通过<button>元素直到<a>元素。所以<a>元素甚至不知道发生了一些点击。通过在<button>上添加/删除禁用属性进行操作。
您可以使用以下解决方案之一:
HTML
<a>link</a>
JavaScript
<a href="javascript:function() { return false; }">link</a>
<a href="/" onclick="return false;">link</a>
CSS
<a href="www.page.com" disabled="disabled">link</a>
<style type="text/css">
a[disabled="disabled"] {
pointer-events: none;
}
</style>
最好的答案总是最简单的。不需要任何编码。
如果(a)锚标记没有href属性,它只是一个超链接的占位符。所有浏览器均支持!
<a href="/">空闲web计数器</a><br /> <a "/">空闲web计数器</a> .