javascript - 使用 Javascript 在文本区域中的光标处插入文本

Question

我在网上四处寻找解决方案，确实有一些，但它们似乎都将代码拆分为支持 IE 和 Firefox。

我想知道是否有一种更优雅的方法适用于所有浏览器，即在 textarea 中的光标处插入一些文本。

非常感谢。

Answer 1

不，没有。 IE 有它的 TextRange 对象来完成这项工作。 IE >= 9 以及过去很长一段时间内的所有其他内容在文本区域和文本输入上都具有 selectionStart 和 selectionEnd 属性。这个特定的任务还不错:以下将删除当前选择(如果存在的话)，在插入符号处插入文本并在所有主要浏览器中立即将插入符号重新定位在插入文本之后:

function insertTextAtCursor(el, text) {
    var val = el.value, endIndex, range;
    if (typeof el.selectionStart != "undefined" && typeof el.selectionEnd != "undefined") {
        endIndex = el.selectionEnd;
        el.value = val.slice(0, el.selectionStart) + text + val.slice(endIndex);
        el.selectionStart = el.selectionEnd = endIndex + text.length;
    } else if (typeof document.selection != "undefined" && typeof document.selection.createRange != "undefined") {
        el.focus();
        range = document.selection.createRange();
        range.collapse(false);
        range.text = text;
        range.select();
    }
}