javascript - 使用javascript确认后如何滚动到页面上的 anchor

Question

我有一个非常长的表单，我需要 javascript 来捕获错误并显示“确认”窗口，以将用户返回到表单的中间，而不是页面的顶部。然而，无论我尝试什么(例如使用 $"#link").focu 。页面始终返回到页面顶部。

我希望它转到我在页面上的 anchor 。

Answer 1

甚至无需使用任何额外的 JavaScript，我们就可以这样做:

<a href="#middle" onclick="return confirm('Shall we make a move ?');">Go to middle!</a>

片段

<div id="top">Top</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div id="middle">Middle</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div id="bottom">
  <a href="#middle" onclick="return confirm('Shall we make a move ?');">Go to middle!</a>
</div>

关于 click 事件中的 return 的好处是可以接受 true 或 false，类似于 确认给出。因此，如果您想点击该链接，那么它需要一个 true，当您对 confirm 给出 OK 时，就会发生这种情况。