gpt4 book ai didi

javascript - 为什么我的 jQuery 事件处理程序的执行会导致页面滚动回顶部?

转载 作者:行者123 更新时间:2023-11-30 07:06:48 25 4
gpt4 key购买 nike

我在我的页面上运行一些 JavaScript。每当它捕捉到附加到 anchor 的事件时 <a>元素并执行处理程序(我使用 jQuery 附加了它)滚动位置重置回页面顶部。有解决办法吗?

最佳答案

在处理 <a> 上的点击时如果你离开 href 标签属性为 #你提到的滚动的事情会发生。这是因为浏览器在事件链的末尾执行了默认操作(这是因为所谓的 event bubbling )

要解决这个问题,您必须阻止浏览器对点击事件的默认处理,这可以通过不同的方式完成:

  • 替换href='#'href='javascript:void(0)'
  • 返回false来自您的事件处理函数。
  • 使用 jQuery 的 preventDefault方法

关于javascript - 为什么我的 jQuery 事件处理程序的执行会导致页面滚动回顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1971726/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com