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

2023-11-18

1.第一步:监听输入框的鼠标失焦事件

<el-input @blur="handleInputBlur"></el-input>

2.第二步:获取失去交点时的光标在输入内容中的位置,data里定义一个变量存储如 blurIndex

  data() {
    return {
      formulaValue:null,
      blurIndex: null,
    };
  }
  methods:{
   handleInputBlur(e) {
      this.blurIndex = e.srcElement.selectionStart;
    },
  }

3.第三步:具体函数(上才艺)

    insert_flg(flg) {
      let index=this.blurIndex
      let str=this.formulaValue
      this.formulaValue=str.slice(0, index) + flg + str.slice(index);
    },
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

  • ESP32-cam 初体验 从esp32-cam的购买到局域网监控的实现

    ESP32 cam小项目 helloworld项目 前言 手头有一块esp32 cam闲置很久了 因为比赛和找工作的事情导致许欸小延期了很久 还是因为懒 最近从小仓库把板子捞出来了 上手玩一玩 本次学习参考了B站up 小铭同学 的教程 教程
  • 力扣 2697. 字典序最小回文串

    题目来源 https leetcode cn problems lexicographically smallest palindrome C 题解 从两端往中间判断 不同时则用字典序小的替换字典序大的 class Solution pub
  • mysql存储引擎

    目录 一 存储引擎概念 二 MyISAM特点介绍 三 MyISAM适用的生产场景举例 四 InnoDB特点介绍 五 InnoDB适用生产场景分析 六 企业选择存储引擎的依据 1 需要考虑每个存储引擎提供了哪些不同的核心功能及应用场景 2 支
  • 机器学习算法:特征工程-特征提取

    学习目标 了解什么是特征提取 知道字典特征提取操作流程 知道文本特征提取操作流程 知道tfidf的实现思想 什么是特征提取呢 1 特征提取 1 1 定义 将任意数据 如文本或图像 转换为可用于机器学习的数字特征 注 特征值化是为了计算机更好
  • xdg-open 未找到命令

    安装 apt get install xdg utils root kylinos xdg open bash xdg open 未找到命令 root kylinos apt get install xdg utils 正在读取软件包列表
  • EC-IDE v0.4.1发布

    主要改动包括 在IDE中使用新版的文本编辑器 除去非标准的caller属性 修改 init 的参数 增加类成员浏览功 可至以下地址下载 http www supertree org home user fwg ec ide gb ec id

随机推荐