jQuery - リンクがクリックされたときに入力フィールドにカーソルを置く

Question

特定のリンクがクリックされた後に入力フィールドにカーソルを置きたいとします。私はこれを小さな検索エンジンに使用しています。

入力フィールド：[]を想像してください。次に、デンマーク、イングランドなどのような文字列を入力フィールドに追加するいくつかのリンク。

私はこのように配置する必要があります： "デンマーク、[ここ]"。

これは可能ですか？

* UPDATE *

私はどのように「位置カーソルが」これで-trick追加し、テキストを置き換えるために、今、このコードを使用していますか？

$('#denmark').click(function(){  
    $('#searchBoxBig').val('Denmark, '); 
}); 

Answer 1

selectionStartとselectionEndプロパティを持つ入力ボックスにカーソルがどこにあるかを設定できます。テキストを選択したくない場合は、それらをお互いに等しくするだけです。ここで

は、あなたがそれを行う可能性があります方法は次のとおりです。

var input = $("input"); 
input[0].selectionStart = input[0].selectionEnd = input.val().length; 

Answer 2

$(":input[name=xxxx]").focus(); 

ああ、あなたはすべてのテキストの後にするカーソルを必要としますか？ここをクリックしてください：jQuery Set Cursor Position in Text Areaこれは、テキストエリアではなく入力に対しても同じように動作します。

これは他のセレクタを使用する場合にも機能します。

Answer 3

はい、デフォルトのアクションを阻止し、フィールドに焦点を当てたアンカーのclickイベントをキャッチ。

関数コンテキストにはクリックされた要素が含まれているため、フォーカス呼び出しを適用するフィールドを計算できます。

$(anchorSelector).live("click", function(e) { 
    e.preventDefault(); 

    $(fieldSelector).focus() 

    return false; 
})