js 获取鼠标选中文字坐标

最新推荐文章于 2023-05-18 15:49:26 发布

滴滴答427

最新推荐文章于 2023-05-18 15:49:26 发布

阅读量1.6k

点赞数

文章标签： javascript vue.js elementui

本文链接：https://blog.csdn.net/weixin_56465807/article/details/125799101

版权

前言

最近项目中有个需求就是选中某一字符串在前后加上任意字符

1.标签 ,加上id 方便获取文本内容

<el-input id="textarea" type="textarea" v-model="form.description" :autosize="{ minRows: 4, maxRows: 6}" placeholder="请输入规则描述" @mouseup.native="handleGetText"></el-input>

2.写具体的实现方法

 handleGetText(e){
      // 获取鼠标选中文字
      this.position = {};
      const txt = document.getSelection().toString();
      let rangeDivDom = document.querySelector('#textarea');
      console.log('txt:',txt);//选中的文字
      if(!txt || !txt.trim())return;    
      //获取位置
      this.position.start= rangeDivDom.selectionStart;
      this.position.end= rangeDivDom.selectionEnd;
      console.log('position:',this.position);
    },