JS中点击a标签不跳转

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS中点击a标签不跳转相关的知识,希望对你有一定的参考价值。

在开发中发现,使用如下方式的链接。

在Chrome中点击后不会做任何跳转或者打开新标签页,但在Firefox下会新开标签页。
<a href=”JavaScript:void(0);” target=”_blank”>test</a>

后经查找资料,发现需如下解决。
通过 false;” href=”javascript:void(0);” target=”_blank”>test</a>
或直接:<a target=”_blank”>test</a>

原因在于三款浏览器,对三个属性的处理顺序不同。
Chrome顺序:onclick -> href -> target
IE和Firefox顺序:onclick -> target -> href


以上是关于JS中点击a标签不跳转的主要内容,如果未能解决你的问题,请参考以下文章

a标签实现不跳转点击

怎么对a标签 不跳转触发点击事件

点击a标签的子元素不跳转 ,阻止默认行为

点击a标签不跳转的办法

a不跳转的扩展

如何新打开一个标签页后,页面不跳转到新的标签页,而是停留在当前标签页?