码迷,mamicode.com
首页 > 其他好文 > 详细

如何实现点击链接不跳转效果

时间:2015-12-17 15:35:54      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

何实现点击链接不跳转效果:
超链接<a>原本作用就是为了实现网页跳转的,但是某些情况下,会希望当点击链接的时候并不产生跳转效果,而是在满足一定条件下再进行跳转。下面就介绍一下实现此效果的方法:
为超链接绑定onclick事件处理函数,然后返回false,代码如下:

<script type="text/javascript"> 
window.onload=function(){
  var mylink=document.getElementById("mylink");
  mylink.onclick=function(){
    alert("我是不会跳转的");
    return false;
  }
}
</script>
</head>
<body>
<a href="http://www.softwhy.com" id="mylink">蚂蚁部落</a>
</body>
</body>
</html>

以上代码当点击链接的时候也不会出现链接跳转现象,原因是在函数中添加了return false;,它也可以取消都事件的默认行为,具体可以参阅JavaScript中return false的作用是什么 章节。绑定上述事件也可以使用下面更为简单的方式:

<a href="http://www.softwhy.com">蚂蚁部落</a>

以上也可以阻止链接跳转。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=7949

更多内容可以参阅:http://www.softwhy.com/javascript/

如何实现点击链接不跳转效果

标签:

原文地址:http://www.cnblogs.com/come-on/p/5054021.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!