为了账号安全,请及时绑定邮箱和手机立即绑定

vue 如何获取input中光标位置,并且点击按钮在当前光标后追加内容

vue 如何获取input中光标位置,并且点击按钮在当前光标后追加内容

慕仙森 2018-12-22 02:03:08
就是获取光标位置 然后截取拼接字符串 重新填入input 重新设置光标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贡献1788条经验 获得超4个赞

就是获取光标位置 然后截取拼接字符串 重新填入input 重新设置光标

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 反对 回复 2018-12-22
  • 1 回答
  • 0 关注
  • 8165 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号