javascript - 单击链接后将焦点设置在输入元素上

Question

我有这个可点击的链接，

`<a href="#" id="link">Clickable Link</a>`

我有这个 <input>单击链接后将出现，

    <input id="geo_title" type="text" value="some value" class="geo_title" />

在我的脚本中，

    $('#link').click(function(){

        $('input#geo_title').removeAttr('value');
        $("input#geo_title").focus();
    });

但遗憾的是这并没有关注 <input>元素。我想要的是，在单击链接后，我不必单击 <input>元素能够输入一些东西。我错过了什么？非常感谢您的帮助。谢谢。

Answer 1

工作正常，您只需要阻止默认链接操作，这样浏览器就不会尝试跟随它。

$('#link').click(function (evt){
  $('input#geo_title').removeAttr('value');
  $("input#geo_title").focus();
  evt.preventDefault();
});