Per inserire via javascript del testo alla posizione corrente del cursore di una textarea, Explorer e Firefox necessitano di sintassi differenziate.
Al fine di semplificarci la vita possiamo usare questo plugin di jquery:
$.fn.insertAtCaret = function (myValue) {
return this.each(function () {
//IE
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
//MOZILLA
else if (this.selectionStart || this.selectionStart == '0') {
var startPos = this.selectionStart;
var endPos = this.selectionEnd;
var scrollTop = this.scrollTop;
this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos, this.value.length);
this.focus();
this.selectionStart = startPos + myValue.length;
this.selectionEnd = startPos + myValue.length;
this.scrollTop = scrollTop;
} else {
this.value += myValue;
this.focus();
}
});
};
Una volta referenziato jquery e la funzione precedente, nel codice applicativo è sufficiente scrivere:
$("<selettore>"). insertAtCaret("testo da inserire");