多语言展示
当前在线:826今日阅读:60今日分享:41

js阻止a标签默认事件的几种方法

最近有新同事问小编如何阻止a标签的默认事件,小编琢磨了一阵,总结了几种方法,分享如下,希望能帮到小伙伴们少走弯路;
方法/步骤
1

疑问打开编辑器,新建html并加入a标签,如图所示,小编想点击a标签时执行pop函数同时禁止a标签的默认的href跳转,该如何阻止呢?

2

方法一要阻止a标签跳转,可以改变href的值,直接写成“JavaScript:void(0)”即可阻止跳转;

3

或者将a标签href值写成“JavaScript:;”也可以阻止跳转;如图所示

4

方法二可以直接将onclick事件改成return pop();如图,亦可阻止a标签默认浏览器行为;

5

或者在onclick事件内再加上return false;如图,亦可阻止a标签默认浏览器行为;

6

方法三先给a标签加上id,然后先用js获取a标签id,然后添加点击事件,在事件中加入 return false,即可阻止a标签跳转;

推荐信息