首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >单击时文本区域中的光标位置

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

Stack Overflow用户
提问于 2019-06-20 01:57:55
回答 1查看 357关注 0票数 0

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

此处的一些文本?

代码:

代码语言:javascript
复制
function insertSmiley(smiley)
{
var currentText = document.getElementById("textarea");
var smileyWithPadding = " " + smiley + " ";
currentText.value += smileyWithPadding;
currentText.focus();
}

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

代码语言:javascript
复制
$(window).load(function(){    
var lastFocus;
$("#dropdown-emojis").mousedown(function(e) {
return false;
}); 
});

如何让表情符号显示在光标所在的位置?

EN

回答 1

Stack Overflow用户

发布于 2019-06-20 02:16:13

使用.selectionStart和.selectionEnd可以知道光标的位置。

代码语言:javascript
复制
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());
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56673418

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档