js保存后让光标在最后一个文字后面显示

在JavaScript中，可以通过使用Selection对象来设置文本框的光标位置。首先，需要获取文本框的引用，在DOM中通常使用getElementById方法来实现。假设文本框的id为“myText”，可以使用以下代码获取引用：

var textbox = document.getElementById("myText");

然后，可以通过将文本框的焦点设置为true来激活它，以确保光标显示在文本框中。可以使用以下代码实现：

textbox.focus();

接下来，需要通过Selection对象将光标移到文本框的末尾。可以使用setSelectionRange方法来实现，该方法需要传入两个参数，分别是开头和结尾的索引。由于我们要将光标移到最后一个字符后面，可以通过将开头和结尾的索引都设置为文本框的长度来实现。可以使用以下代码实现：

textbox.setSelectionRange(textbox.value.length, textbox.value.length);

最后，可以使用scrollIntoView方法来确保文本框滚动到视图中，在光标的位置。可以使用以下代码实现：

textbox.scrollIntoView(false);

综上所述，可以使用上述代码来在JavaScript中实现保存后让光标在最后一个文字后面显示的效果。

相关问题

javascript + div编辑框光标位置插入表情文字在内容的后面

要在可编辑的div中插入表情或文字，使其出现在内容的末尾，可以先将光标移动到内容的末尾，然后再插入表情或文字。

以下是一个示例代码：

// 获取可编辑div的DOM节点
var editableDiv = document.getElementById('editableDiv');

// 获取最后一个子节点
var lastChild = editableDiv.lastChild;

// 创建img元素
var img = document.createElement('img');
img.src = 'path/to/emoji.png';

// 在最后一个子节点后插入img元素
if (lastChild) {
  editableDiv.insertBefore(img, lastChild.nextSibling);
} else {
  editableDiv.appendChild(img);
}

// 将光标移动到img元素后面
var range = document.createRange();
range.setStartAfter(img);
range.setEndAfter(img);
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);

首先获取最后一个子节点，然后使用DOM操作在其后面插入表情或文字。接着创建一个新的Range对象，将光标移动到插入的表情或文字后面，并将该Range对象添加到Selection对象中，从而将光标设置到插入的表情或文字后面。

注意，以上示例代码只是一种实现方法，您可以根据自己的需求进行适当的修改和扩展。

textarea如何在文字后面_js或jquery在textarea光标位置后面添加文本

可以使用以下 jQuery 代码，在 textarea 光标位置后面添加文本：

$(function() {
  $('textarea').on('click', function() {
    var cursorPos = $('textarea').prop('selectionStart');
    var v = $('textarea').val();
    var textBefore = v.substring(0,  cursorPos);
    var textAfter  = v.substring(cursorPos, v.length);
    $('textarea').val(textBefore + "要添加的文本" + textAfter);
  });
});

这段代码会在 textarea 被点击时，获取光标位置和当前文本内容，然后在光标位置后面添加要添加的文本。