在文本框中插入值/将光标移动到末尾

最新推荐文章于 2023-11-23 11:29:47 发布

原创最新推荐文章于 2023-11-23 11:29:47 发布 · 665 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种在文本框中实现文本插入及光标位置调整的方法，包括针对不同浏览器环境下的兼容性处理策略。通过JavaScript实现了精确地文本插入功能，并确保了光标能够在插入文本后准确地回到期望的位置。

function insertText(obj,str) {
    if (document.selection) {
        var sel = document.selection.createRange();
        sel.text = str;
    } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
        var startPos = obj.selectionStart,
            endPos = obj.selectionEnd,
            cursorPos = startPos,
            tmpStr = obj.value;
        obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
        cursorPos += str.length;
        obj.selectionStart = obj.selectionEnd = cursorPos;
    } else {
        obj.value += str;
    }
}
function moveEnd(obj){
    obj.focus();
    var len = obj.value.length;
    if (document.selection) {
        var sel = obj.createTextRange();
        sel.moveStart('character',len);
        sel.collapse();
        sel.select();
    } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') {
        obj.selectionStart = obj.selectionEnd = len;
    }

}