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

最新推荐文章于 2022-06-14 15:09:24 发布

cmmiao1103

最新推荐文章于 2022-06-14 15:09:24 发布

阅读量605

点赞数

分类专栏： javascript 文章标签：浏览器 JavaScript IE Google IDEA ViewUI

javascript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了在使用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>