jquery的插入文本到文本區域

Question

var currentposition = 10; // after 10 characters 
    var text = ":)"; 

    $(".insert").click(function() { 
      // Need help here 
    }); 

<textarea id="messagebox">Example text for the code</textarea> 

如何可以插入一個textarea文本一定量的字符後（有在textarea的文本），在這種情況下10.也可以不是在任何文本文本區域，在這種情況下currentposition將爲0.

此代碼的目的是在當前光標位置處輸入笑臉。

Answer 1

我建議使用類似.substring()：

var currentposition = 10; 
var text = ":)"; 

$('textarea').val($('textarea').val().substring(0,currentposition) + text + 
    $('textarea').val().substring (currentposition)); 

Jsfiddle example

UPDATE：如果你想有定位在文本的末尾光標，你可以嘗試調用.focus()方法之前更改textarea的值：

$('textarea').focus().val($('textarea').val().substring(0,position) + ' :) ' + 
    $('textarea').val().substring (position)); 

但我不確定它會在所有瀏覽器中工作（IE可能存在問題）