vue----获取el-input光标插入文本

最新推荐文章于 2024-08-15 03:07:05 发布

Crazy_LinkFern

最新推荐文章于 2024-08-15 03:07:05 发布

阅读量4.3k

点赞数 1

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_32107121/article/details/105506023

版权

vue 专栏收录该内容

14 篇文章 3 订阅

订阅专栏

insertText(insertTxt) {
    // 获取el-input中的input元素
    let elInput = this.$refs.targetIn.$el.firstElementChild;
    // 获取el-input的值
    let txt = elInput.value;
    // 做插入前做长度校验（如果有这个需要的话）
    if (txt.length + value.length > 64) {
        return;
    }
    // 获取选区开始位置
    let startPos = elInput.selectionStart;
    // 获取选区结束位置
    let endPos = elInput.selectionEnd;
    if (startPos === undefined || endPos === undefined) return;

    // 将文本插入光标位置
    this.subject = txt.substring(0, startPos) + insertTxt + txt.substring(endPos);
    // 将光标移至文本末尾
    elInput.focus();
    elInput.selectionStart = startPos + insertTxt.length;
    elInput.selectionEnd = startPos + insertTxt.length;
}