如何将文本插入到当前光标位置的文本区域？

javascript textarea

2022-08-30 01:50:37

我想创建一个简单的函数，将文本添加到用户光标位置的文本区域中。它需要是一个干净的功能。只是基础。我可以弄清楚其余的。

答案 1

输入元素的使用/属性（也适用于）selectionStartselectionEnd<textarea>

function insertAtCursor(myField, myValue) {
    //IE support
    if (document.selection) {
        myField.focus();
        sel = document.selection.createRange();
        sel.text = myValue;
    }
    //MOZILLA and others
    else if (myField.selectionStart || myField.selectionStart == '0') {
        var startPos = myField.selectionStart;
        var endPos = myField.selectionEnd;
        myField.value = myField.value.substring(0, startPos)
            + myValue
            + myField.value.substring(endPos, myField.value.length);
    } else {
        myField.value += myValue;
    }
}

答案 2

这个片段可以在jQuery 1.9 +的几行中帮助你：http://jsfiddle.net/4MBUG/2/

$('input[type=button]').on('click', function() {
    var cursorPos = $('#text').prop('selectionStart');
    var v = $('#text').val();
    var textBefore = v.substring(0,  cursorPos);
    var textAfter  = v.substring(cursorPos, v.length);

    $('#text').val(textBefore + $(this).val() + textAfter);
});