jquery - href anchor 单击，导致使用 jquery、firefox、IE 10 失去对输入元素的焦点

Question

我的问题出现在 IE10 和 Firefox 中，但在 Chrome 中正常。

我有一个这样的 anchor :

<a id="link-to-form" href="#bonus-form">

我还有一个输入元素，我使用 jquery 将其聚焦:

<input type="text" id="firstname" name="firstname" required />

$(document).ready(function(){                   
   $('#firstname').focus();     
});

我的问题是，当我按下 anchor 链接并且它在页面内移动时，焦点从我的输入标记中丢失。在按下 anchor 链接后，我想将注意力集中在我的输入上。

我尝试了很多事情，最后一个是以下。但还是没有集中注意力。实际上，单击事件是在调试器上触发的，但 anchor 立即执行并再次失去焦点:

$("#link-to-form").on("click", function (e) {
    $('#firstname').focus();
    return true;            
});

Answer 1

技巧可能是存储当前聚焦的元素，
将 regainLastFocus 类添加到任何所需的 anchor
然后单击该类元素:将焦点重置到上次聚焦的存储的 jQuery 元素

不要忘记在点击时捕获事件并使用:

event.preventDefault();

$("#link-to-form").on("click", function (e) {
    e.preventDefault();
    $('#firstname').focus();         
});