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

Question

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

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

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

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

例如>文本区域：

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/