單擊鏈接后將焦點放在輸入元素上

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