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>何かを入力するために要素をクリックする必要がないということでした。私は何を取りこぼしたか？あなたの助けは大歓迎です。ありがとう。

score 4 · Accepted Answer

正常に動作します。デフォルトのリンクアクションを防ぐ必要があるだけなので、ブラウザはそれをたどろうとしません。

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

score 3 · Accepted Answer

href =＃を追加して、リンクからデフォルトのフォーカスを削除してみてください。

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

score 0 · Accepted Answer

コードをラップしていません

$( function() { });

また

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

3 に答える 3