Fügen Sie Text mit jQuery in textarea ein

Aus dem, was Sie in Jasons Kommentare versuchen:

$('a').click(function() //this will apply to all anchor tags
{ 
   $('#area').val('foobar'); //this puts the textarea for the id labeled 'area'
})

Bearbeiten- Zum Anhängen an text unten ansehen

$('a').click(function() //this will apply to all anchor tags
{ 
   $('#area').val($('#area').val()+'foobar'); 
})

InformationsquelleAutor der Antwort TStamper

Ich diese Funktion in meinem code:

$.fn.extend({ 
insertAtCaret: Funktion(myValue) { 
if (Dokument.Auswahl) { 
diese.focus(); 
sel = document.Auswahl.createRange(); 
sel.text = myValue; 
diese.focus(); 
} 
else if (dies.selectionStart||.selectionStart == '0') { 
var startPos =.selectionStart; 
var endPos =.selectionEnd; 
var scrollTop =.scrollTop; 
diese.Wert =.Wert.substring(0, startPos)+myValue+.Wert.substring(endPos,diese.Wert.Länge); 
diese.focus(); 
diese.selectionStart = startPos + myValue.Länge; 
diese.selectionEnd = startPos + myValue.Länge; 
diese.scrollTop = scrollTop; 
} else { 
diese.Wert += myValue; 
diese.focus(); 
} 
} 
}) 

Es ist nicht 100% meins, ich habe es gegoogelt und irgendwo dann dran für meine app.

Verwendung: $('#element').insertAtCaret('text');

InformationsquelleAutor der Antwort Thinker

dieser eine ermöglichen, Sie "Spritzen" ein Stück text, textbox, injizieren bedeutet: fügt den text, wo der cursor ist.

function inyectarTexto(elemento,valor){
 var elemento_dom=document.getElementsByName(elemento)[0];
 if(document.selection){
  elemento_dom.focus();
  sel=document.selection.createRange();
  sel.text=valor;
  return;
 }if(elemento_dom.selectionStart||elemento_dom.selectionStart=="0"){
  var t_start=elemento_dom.selectionStart;
  var t_end=elemento_dom.selectionEnd;
  var val_start=elemento_dom.value.substring(0,t_start);
  var val_end=elemento_dom.value.substring(t_end,elemento_dom.value.length);
  elemento_dom.value=val_start+valor+val_end;
 }else{
  elemento_dom.value+=valor;
 }
}

Und Sie können es verwenden, wie diese:

<a href="javascript:void(0);" onclick="inyectarTexto('nametField','hello world');" >Say hello world to text</a>

Lustig und haben mehr Sinn, wenn wir "Tag Einfügen, in Text" - Funktion.

funktioniert in allen Browsern.

InformationsquelleAutor der Antwort panchicore

haben Sie versucht:

$("#yourAnchor").click(function () {
    $("#yourTextarea").val("your text");
});

nicht sicher autohighlighting, obwohl.

BEARBEITEN:

Anfügen:

$("#yourAnchor").click(function () {
    $("#yourTextarea").append("your text to append");
});

InformationsquelleAutor der Antwort Jason

Hier ist eine schnelle Lösung, die funktioniert in jQuery 1.9+:

a) die caret-position:

function getCaret(el) {
        if (el.prop("selectionStart")) {
            return el.prop("selectionStart");
        } else if (document.selection) {
            el.focus();

            var r = document.selection.createRange();
            if (r == null) {
                return 0;
            }

            var re = el.createTextRange(),
                    rc = re.duplicate();
            re.moveToBookmark(r.getBookmark());
            rc.setEndPoint('EndToStart', re);

            return rc.text.length;
        }
        return 0;
    };

b) Anhängen von text an Cursor-position:

function appendAtCaret($target, caret, $value) {
        var value = $target.val();
        if (caret != value.length) {
            var startPos = $target.prop("selectionStart");
            var scrollTop = $target.scrollTop;
            $target.val(value.substring(0, caret) + ' ' + $value + ' ' + value.substring(caret, value.length));
            $target.prop("selectionStart", startPos + $value.length);
            $target.prop("selectionEnd", startPos + $value.length);
            $target.scrollTop = scrollTop;
        } else if (caret == 0)
        {
            $target.val($value + ' ' + value);
        } else {
            $target.val(value + ' ' + $value);
        }
    };

c) Beispiel

$('textarea').each(function() {
  var $this = $(this);
  $this.click(function() {
    //get caret position
    var caret = getCaret($this);

    //append some text
    appendAtCaret($this, caret, 'Some text');
  });
});

InformationsquelleAutor der Antwort Avram Cosmin

Wenn Sie anfügen möchten Inhalt der textarea, ohne Sie zu ersetzen, können Sie versuchen, die unten

$('textarea').append('Whatever need to be added');

Nach Ihrem Szenario wäre es

$('a').click(function() 
{ 
  $('textarea').append($('#area').val()); 
})

InformationsquelleAutor der Antwort Techie

Ich denke, das wäre besser

$(function() {
$('#myAnchorId').click(function() { 
    var areaValue = $('#area').val();
    $('#area').val(areaValue + 'Whatever you want to enter');
});
});

InformationsquelleAutor der Antwort

Dies ist ähnlich wie die Antwort von @panchicore mit ein kleiner Fehler behoben.

function insertText(element, value) 
{
   var element_dom = document.getElementsByName(element)[0];
   if (document.selection) 
   {
      element_dom.focus();
      sel = document.selection.createRange();
      sel.text = value;
      return;
    } 
   if (element_dom.selectionStart || element_dom.selectionStart == "0") 
   {
     var t_start = element_dom.selectionStart;
     var t_end = element_dom.selectionEnd;
     var val_start = element_dom.value.substring(value, t_start);
     var val_end = element_dom.value.substring(t_end, element_dom.value.length);
     element_dom.value = val_start + value + val_end;
   } 
   else
   {
      element_dom.value += value;
   }
}

InformationsquelleAutor der Antwort Dev

$.fn.extend({
    insertAtCaret: function(myValue) {
        var elemSelected = window.getSelection();
        if(elemSelected) {
            var startPos = elemSelected.getRangeAt(0).startOffset;
            var endPos = elemSelected.getRangeAt(0).endOffset;
            this.val(this.val().substring(0, startPos)+myValue+this.val().substring(endPos,this.val().length));
        } else {
            this.val(this.val()+ myValue) ;
        }
    }
});

InformationsquelleAutor der Antwort George SEDRA