Jak wstawić tekst w aktualnej pozycji karetki w polu tekstowym

Question

Podczas wywołania funkcji z obrazu próbuję wstawić wartość tagu alt z obrazu do ramki tekstowej w miejscu, w którym znajduje się obecnie karetka.

To jest kod, który obecnie mam, który wstawia wartość tagu alt na końcu obszaru tekstowego.

$("#emoticons").children().children().click(function() { 
     var ch = $(this).attr("alt"); 
     $("#txtPost").append(ch); 

    }); 

Te 2 rzeczy zostały problem z jest określenie pozycji karetki i tworząc nowy ciąg z wartości pola tekstowego przed STANOWISKA CARETS + kodzie mam wkładając + wartości z textarea po pozycji opiekuna.

Answer 1

ja już obecnie mam tego rozszerzenia w lokalu:

$.fn.insertAtCaret = function(text) { 
    return this.each(function() { 
     if (document.selection && this.tagName == 'TEXTAREA') { 
      //IE textarea support 
      this.focus(); 
      sel = document.selection.createRange(); 
      sel.text = text; 
      this.focus(); 
     } else if (this.selectionStart || this.selectionStart == '0') { 
      //MOZILLA/NETSCAPE support 
      startPos = this.selectionStart; 
      endPos = this.selectionEnd; 
      scrollTop = this.scrollTop; 
      this.value = this.value.substring(0, startPos) + text + this.value.substring(endPos, this.value.length); 
      this.focus(); 
      this.selectionStart = startPos + text.length; 
      this.selectionEnd = startPos + text.length; 
      this.scrollTop = scrollTop; 
     } else { 
      // IE input[type=text] and other browsers 
      this.value += text; 
      this.focus(); 
      this.value = this.value; // forces cursor to end 
     } 
    }); 
}; 

i można go używać tak:

$("#txtPost").insertAtCaret(ch);