单击时文本区域中的光标位置

Question

我正在开发一个小的表情符号功能。我的问题是当我在 textarea 中有一个文本并从下拉列表中选择一个表情符号时，即使我将光标放在文本的开头，它也总是会走到文本的末尾，表情符号会走到末尾像这样的文字：

这里有一些文字????

代码：

function insertSmiley(smiley)
{
var currentText = document.getElementById("textarea");
var smileyWithPadding = " " + smiley + " ";
currentText.value += smileyWithPadding;
currentText.focus();
}

我尝试删除currentText.focus();，但没有帮助。我还尝试使用 jQuery 来保持 textarea 的焦点，但表情符号仍然会转到文本的末尾：

$(window).load(function(){    
var lastFocus;
$("#dropdown-emojis").mousedown(function(e) {
return false;
}); 
});

如何使表情符号显示在我放置光标的位置？

Answer 1

使用 .selectionStart 和 .selectionEnd 知道光标在哪里。

var startPosition = myElement.selectionStart;
    var endPosition = myElement.selectionEnd;
    if(startPosition == endPosition){ 
        newString= currentText.value.substring(0,startPosition)+ " " + smiley + " " + currentText.value.subString(endPosition,currentText.value.lenght());