单击链接后，将焦点设置在input元素上

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();
});

Answer 2

尝试通过添加href =＃来从链接中删除默认焦点！

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

Answer 3

您尚未将代码包装在

中

$( function() { });

或

$(document).ready( function() { });