將焦點設置輸入元件上的鏈接後點擊

`<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>元素即可輸入內容。我錯過了什麼？非常感謝您的幫助。謝謝。

它使用Chrome，看到http://jsfiddle.net/ZgQPk/在其瀏覽器中你有沒有問題？ – koopajah 2013-02-08 15:22:27

也在Firefox中工作，更精確... – Develoger 2013-02-08 15:22:59

工作正常，你只需要阻止默認鏈接操作，所以瀏覽器榮獲不要試圖遵循它。

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

2013-02-08 15:25:27 Flo

我試過你的建議，但它不會工作。點擊鏈接後，我仍然無法點擊「'元素。 – 2013-02-08 15:27:40

這是否：http://jsfiddle.net/VxXKt/不適合你？你使用的是什麼瀏覽器？ – Flo 2013-02-08 15:31:12

糟糕！我的錯。這一次它工作。非常感謝。 – 2013-02-08 15:34:21

您還沒有包裹你的代碼

$(function() { });

或

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

2013-02-08 15:23:05

嘗試通過增加HREF =＃以去除鏈接默認的焦點！

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

2013-02-08 15:33:56 lotav

這對我來說很有幫助。 – msinfo 2016-01-24 14:28:09

回答