给html超链接设置事件不使用href来完成跳
更新时间：2014年04月20日 13:57:46 作者：
有时候我们需要使用a这个超级链接，而又不使用href来完成跳转，针对这个问题，可以采用下面的解决方案
有的时候，我们需要使用<a>这个超级链接，而又不使用href来完成跳转，而是如：<a href="#" onClick="fun()"></a>这种方式。这样，就不会让页面跳转。但是同时也会带来一些负面的问题，比如页面的title变成了“#”，或者页面出现了滚动条什么的。这是因为在执行完了onClick事件后，<a>又去跳转href所指向的地址了，而”#“是个锚点，默认是网页的页首，所以会带来上边所说的问题。
解决方法有以下两种：
1、onClick事件添加return false语句，例如：
<a href="#" onClick="fun(); return false;">点击</a>
2、用void(0)的方式代替#，例如：
<a href="javascript:void(0)" onclick="fun()">点击</a>
解决方法有以下两种：
1、onClick事件添加return false语句，例如：
复制代码 代码如下:
<a href="#" onClick="fun(); return false;">点击</a>
2、用void(0)的方式代替#，例如：
复制代码 代码如下:
<a href="javascript:void(0)" onclick="fun()">点击</a>
相关文章
这篇文章主要为大家详细介绍了小程序实现分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
这篇文章主要介为大家详细绍了Bootstrap CSS布局之表单的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
当我们需要判断用户输入的是否全是空格,或用户在不输入内容的情况下使用回车发送,此时我们如果需求内容不能为空,常规判断无法识别,空格本身也有length,这个时候就可使用到下列两种方式2023-10-10
这篇文章主要介绍了JS关键字球状旋转效果的实例代码。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号
这篇文章主要介绍了判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
JavaScript用Number方法实现string转int
parseInt方法在format'00'开头的数字时会当作2进制转10进制，所以建议string转int最好用Number方法2014-05-05
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
这篇文章主要介绍了bootstrap fileinput组件整合Springmvc上传图片到本地磁盘的方法,需要的朋友可以参考下2017-05-05
这篇文章主要介绍了JavaScript组合拼接字符串的效率对比测试,本文测试了IE6、Firefox、Mozilla、Netscape、Opera等浏览器,需要的朋友可以参考下2014-11-11
这篇文章主要为大家详细介绍了uniapp实现日期时间选择器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
本文主要介绍了js实现选项卡内容切换以及文字折叠和展开效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
最新评论