在插入符处插入而不是替换整个文本区域

Question

我正在修改第三方应用程序，在该应用程序中，我有以下代码：

            <?php if (!$this->allowEditor) { ?>
            $('#ticket_message').val(data.text);
            <?php } else { ?>
            jInsertEditorText(data.text, 'ticket_message');
            <?php } ?>

在我需要修改的页面上，是运行 if语句。它目前所做的是替换文本区域的内容#ticket_message，但还有一种方法可以将其插入文本区域而不覆盖现有内容。

如果将它插入到用户停止键入的最后一个位置，那就更好了。

例如 > TEXTAREA:

Lorem ipsum dolar sit met.

INSERT IT HERE BECAUSE THIS IS THE LAST PLACE THE TEXT CURSOR(caret) WAS SET

Lorem ipsum dolar sit met.

Answer 1

您可以附加值

$('#ticket_message').append(new_val);

要在插入符号处插入，您可以使用以下函数

function insertAtCaret(areaId,text) {
var txtarea = document.getElementById(areaId);
var scrollPos = txtarea.scrollTop;
var strPos = 0;
var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? 
    "ff" : (document.selection ? "ie" : false ) );
if (br == "ie") { 
    txtarea.focus();
    var range = document.selection.createRange();
    range.moveStart ('character', -txtarea.value.length);
    strPos = range.text.length;
}
else if (br == "ff") strPos = txtarea.selectionStart;

var front = (txtarea.value).substring(0,strPos);  
var back = (txtarea.value).substring(strPos,txtarea.value.length); 
txtarea.value=front+text+back;
strPos = strPos + text.length;
if (br == "ie") { 
    txtarea.focus();
    var range = document.selection.createRange();
    range.moveStart ('character', -txtarea.value.length);
    range.moveStart ('character', strPos);
    range.moveEnd ('character', 0);
    range.select();
}
else if (br == "ff") {
    txtarea.selectionStart = strPos;
    txtarea.selectionEnd = strPos;
    txtarea.focus();
}
txtarea.scrollTop = scrollPos;
}

Answer 2

虽然 Amit Sharma 为我提供了非常有用的信息，但我确实需要走另一条路。因此，根据您的需要，这些答案之一应该会让您更接近您的结果。

<?php if (!$this->allowEditor) { ?>
  var $txt = $("#ticket_message");
  var caretPos = $txt[0].selectionStart;
  var textAreaTxt = $txt.val();
  var txtToAdd = data.text;
  $txt.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos) );
<?php } else { ?>
  jInsertEditorText(data.text, 'ticket_message');
<?php } ?>

此代码改编自此处：https://www.codehaven.co.uk/jquery/jquery-strings/insert-text-at-cursor-position-jquery/

在插入符处插入而不是替换整个文本区域

insert at caret instead of replace entire textarea

php

replace

textarea

insert

caret