首頁猿問 vue...

vue 如何獲取input中光標(biāo)位置，并且點(diǎn)擊按鈕在當(dāng)前光標(biāo)后追加內(nèi)容

JavaScript

慕仙森 2018-12-22 02:03:08

就是獲取光標(biāo)位置然后截取拼接字符串重新填入input 重新設(shè)置光標(biāo)function insertInputTxt(id, insertTxt) { var elInput = document.getElementById(id); var startPos = elInput.selectionStart; var endPos = elInput.selectionEnd; if (startPos === undefined || endPos === undefined) return var txt = elInput.value; var result = txt.substring(0, startPos) + insertTxt + txt.substring(endPos) elInput.value = result; elInput.focus(); elInput.selectionStart = startPos + insertTxt.length; elInput.selectionEnd = startPos + insertTxt.length; }

查看完整描述

1 回答

尚方寶劍之說

TA貢獻(xiàn)1788條經(jīng)驗(yàn) 獲得超4個(gè)贊

就是獲取光標(biāo)位置然后截取拼接字符串重新填入input 重新設(shè)置光標(biāo)

function insertInputTxt(id, insertTxt) {    var elInput = document.getElementById(id);    var startPos = elInput.selectionStart;    var endPos = elInput.selectionEnd;    if (startPos === undefined || endPos === undefined) return
    var txt = elInput.value;    var result = txt.substring(0, startPos) + insertTxt + txt.substring(endPos)
    elInput.value = result;
    elInput.focus();
    elInput.selectionStart = startPos + insertTxt.length;
    elInput.selectionEnd = startPos + insertTxt.length;
}

1 反對(duì) 回復(fù) 2018-12-22