javascript - return false onclick anchor 不完全工作

Question

我有一个灯箱叠加层，我正在使用下面的内容来取消浏览器窗口滚动以获取“#”的 href anchor 。我让它工作，所以它不会在初始点击时滚动窗口，但是在关闭灯箱覆盖时，浏览器滚动到顶部并且 # 附加到 URL。

<a href="#" onclick="somefunction(); return false;">...

甚至这个...

<a href="javascript:void(0)" onclick="somefunction(); return false;">...

链接位于可点击的图像上，onclick 函数会触发叠加层弹出。

Andy 想出如何防止浏览器在退出覆盖层时滚动到顶部？

Answer 1

我建议根本不要使用 anchor 标记。如果您不想要 HREF 值，那么它实际上不是指向另一个页面的链接，因此可能不是真正的链接。如果该网站必须在没有 javascript 的情况下可以访问，那么您需要多考虑这一点并提出一个解决方案，该解决方案将允许链接到实际内容的真实 href 值。

但是，如果您认为这是一个需要 JS 的应用程序，那么您可以这样做:

<a href="javascript:;" onclick="somefunction(); return false;">

但是，再说一次，这确实是您单击以更新 UI 而不是去某个地方的东西，所以我只是将其设为 DIV，为其提供一个 onclick 事件，然后完成它。但一定要给 div 一个 tabindex，这样它就可以通过键盘访问。