Comment insérer du texte à la position de curseur actuelle dans une zone de texte

Question

Lors d'un appel de fonction à partir d'une image, j'essaie d'insérer la valeur de balise alt de l'image dans la zone de texte à l'emplacement actuel du curseur.

Ceci est le code que j'ai actuellement qui insère la valeur de balise alt à la fin de la zone de texte.

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

    }); 

Les 2 choses que j'ai été un problème avec est de déterminer la position du caret et la création d'une nouvelle chaîne avec la valeur de la zone de texte avant la carets positon + code + j'insérer la valeur de la zone de texte après la position des carets.

Answer 1

j'ai actuellement obtenu cette extension en place:

$.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 
     } 
    }); 
}; 

et vous pouvez l'utiliser comme ceci:

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