在文本区域的光标处插入文本，使用Javascript [英] Inserting text at cursor in a textarea, with Javascript

问题描述

我已经看了一下网络的解决方案，还有一些，但他们似乎把代码分成支持IE和Firefox。我想知道是否有一个更优雅的方式，可以在每个浏览器上工作，在文本区域的光标插入一些文本。

I've had a look round the web for solutions, and there are some, but they all seem to split code into supporting IE and Firefox. I was wondering if there's a more elegant way which would work on every browser, to insert some text at the cursor in a textarea.

非常感谢，

Rich

推荐答案

不，没有。 IE有它的 TextRange 对象来完成这项工作。 IE> = 9，最后一段时间的所有内容在textareas和文本输入上具有 selectionStart 和 selectionEnd 属性。这个特定的任务不是太糟糕：以下将删除当前选择（如果存在），在插入符处插入文本，并在所有主要浏览器中插入文本后立即重新定位插入符：

No, there isn't. IE has its TextRange objects to do the job. IE >= 9 and everything else for the last long time has selectionStart and selectionEnd properties on textareas and text inputs. This particular task isn't too bad: the following will delete the current selection (if one exists), insert text at the caret and reposition the caret immediately after the inserted text, in all the major browsers:

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();
    }
}

这篇关于在文本区域的光标处插入文本，使用Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！