在两个引号之间设置光标

Setting the cursor between two quotes

本文关键字：之间 置光标 两个      更新时间：2023-09-26

我有这个文本区域，当我单击链接时，插入了 2 个双引号：

<textarea name="comment" id="comment" placeholder="Comment..."></textarea>
<div id="insert">
 <a href="javascript:;" title='""'>QUOTES</a>
</div>
    <script type="text/javascript" src="jscript.js"></script>
    <script type="text/javascript">
        $('#insert a').click(function () {
   var smiley = $(this).attr('title');
   ins2pos(smiley, 'comment');
});
function ins2pos(str, id) {
   var TextArea = document.getElementById(id);
   var val = TextArea.value;
   var before = val.substring(0, TextArea.selectionStart);
   var after = val.substring(TextArea.selectionEnd, val.length);
   TextArea.value = before + str + after;
   setCursor(TextArea, before.length + str.length);
}
function setCursor(elem, pos) {
   if (elem.setSelectionRange) {
      elem.focus();
      elem.setSelectionRange(pos, pos);
   } else if (elem.createTextRange) {
      var range = elem.createTextRange();
      range.collapse(true);
      var posr = pos - 1;
      range.moveEnd('character', posr);
      range.moveStart('character', posr);
      range.select();
   }
}
</script>

单击QUOTE链接时，光标会像这样""|在文本区域中的最后一个字符之后，但我希望光标位于2引号之间

，如下所示"|"

这是解决方案

setCursor(TextArea, before.length + str.length - 1);
相关文章：