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

Question

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

这里有一些文字😃

代码:

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

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

$(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());