JavaScript setSelectionRange() 方法和光标位置

Question

我有以下一段 JavaScript，用于将 unicode 字符(下面由 txtToIns 变量表示)动态插入到文本正文中

elmt.value = elmt.value.substring(0, elmt.selectionStart) + txtToIns + " " + elmt.value.substring(elmt.selectionStart, elmt.selectionEnd) + elmt.value.substring(elmt.selectionEnd, elmt.value.length) + " ";
elmt.focus();
elmt.value = elmt.value.trim();

上面的光标总是在文本的末尾。有什么办法可以将它直接放在 txtToIns 之后吗？不，txtToIns.focus() 不会工作

Answer 1

我不确定您要对 textarea 值中的空格字符做什么，尤其是最后一个将在两行后再次被删除的字符，所以我忽略了下面代码中的空格。我也不确定您要对之前选择的文本(如果有)做什么，所以我假设您想用新文本覆盖它。

请记住，这在 IE < 9 中不起作用，它不支持 selectionStart、selectionEnd 和 setSelectionRange()。

演示:http://jsfiddle.net/timdown/wPfVn/

代码:

var val = elmt.value;
var start = elmt.selectionStart, end = elmt.selectionEnd;
elmt.value = val.slice(0, start) + txtToIns + val.slice(end);
elmt.focus();
var caretPos = start + txtToIns.length;
elmt.setSelectionRange(caretPos, caretPos);