a标签js阻止跳转_js阻止a标签href跳转的方法

js阻止a标签href跳转的方法

点我啊

原理是当点击a标签时首先触发onclick函数，然后才执行href的跳转。但是在执行到return false的时候直接终止了执行，也就没有了链接的跳转。

当然还可以通过这样设置 href="javascript：void(0)；"来防止超链接跳转。

让a标签跳转，只需阻止默认事件以及事件冒泡即可。

禁止事件传输过程中的冒泡，IE和其它浏览器的方式不同，加上如下代码，a标签就不跳转了。var evt = evt || window.event； // 获取event对象

if(evt.preventDefault){

evt.preventDefault()； // 非IE浏览器

}else{

evt.returnValue = false；// 在早期的IE版本中

}

event.stopPropagation ? event.stopPropagation()：(event.cancelBubble = true)； // 阻止事件冒泡