<a>标签响应onclick事件,防止页面跳动方法总结

本文介绍了在使用a标签触发onclick事件时避免页面跳转到顶部的问题,并提供了三种有效的解决方案:设置href属性为javascript:void(0)、空字符串或#,并结合使用return false或event.returnValue=false。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

     最近在点击一个a链接时经常发现,如果有垂直滚动条的话页面经常跳到顶端,于是google了一下,知道了为什么,也找到了几个解决办法。

     总结一下,如果在实际应用中确实是要用到<a>标签来响应onclick事件的,
 
那么就建议使用下面三种方法
  1.<a href="javascript:void(0)" onclick="doSomething()">test</a>
  2.<a href="" onclick="doSomething();return false">test</a>
(推荐)
  3.<a href="
" onclick="doSomething();event.returnValue=false">test</a>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值