jQuery：どのテキストボックスにキャレットがあるかを調べる/

Question

私はいくつかのテキスト入力といくつかのボタンがあるページを持っています。私はキャレットがでている方、フィールド、私はそのボタンの値はキャレット位置に挿入したいボタンをクリックすると、ここに私の関数呼び出しはこれまでです：。

$('li input[type="button"]').click(function(){$('#aTextInput').insertAtCaret($(this).val())}); 

を私が実際に入力して$('#aTextInput')を交換したいですその中にキャレットがあります。何か案は？

（Here'sinsertAtCaret機能、誰もが尋ねる前に、あなたは興味がない限り、あなたはおそらくがそれを見てする必要はありません。。）

編集：

は、だから私はこれを試してみました：

jQuery.extend(jQuery.expr[':'], { 
    focus: "a == document.activeElement" 
}); 

$('li input[type="button"]').click(function(){$('input:focus').insertAtCaret($(this).val())}); 

しかし、ボタンをクリックすると、何も起こりません。 this solutionを実装していますか？

Answer 1

複数のテキストエリアがある場合は、このようなことをしたいと思うでしょう。ボタンは、テキストエリアをクリックすると

// any time a textarea gets focus, set the ID 
$('textarea').focus(function(){ 
    focusID = $(this).attr('id'); 
}); 

// when the button is clicked 
$('input[type="button"]').click(function(){  
    // insert the value into the textarea 
    insertAtCaret(focusID,$(this).val()) 
}); 

Check out my example on jsFiddle here

私が持っていた問題だったが、ボタンがクリックされた瞬間に焦点を当てていたテキストエリアを見つけることが難しかったので、フォーカスを失いました。 http://jsfiddle.net/tVNDL/1/

// any time a input gets focus, set the ID 
$('input').focus(function(){ 
    focusID = $(this).attr('id'); 
}); 

// when the button is clicked 
$('input[type="button"]').click(function(){  
    // insert the value into the textarea 
    insertAtCaret(focusID,$(this).val()) 
});