vuejs2.0 文章书籍标引标记、鼠标开始结束下标获取、截取文章（基础版）

最新推荐文章于 2023-07-07 11:54:51 发布

kingrome2009

最新推荐文章于 2023-07-07 11:54:51 发布

阅读量378

点赞数

分类专栏： vuejs2.0

本文链接：https://blog.csdn.net/kingrome2017/article/details/80877250

版权

本文介绍如何在Vue.js 2.0中进行文章的标引标记，并实现鼠标选择区域的开始结束下标获取，同时还提供了兼容IE、火狐、谷歌的Demo下载。

摘要由CSDN通过智能技术生成

这里写图片描述
HTML

<div class="box_fr">
        <textarea name="" class="textarea" ref="textarea" v-model="msg" @click="getSelectPosition">{
  {msg}}</textarea>
        <!-- 参数结果 -->
        <div>焦点位置：<input type="text" id="txt1" value=""><br/></div>
        <div>选中起始位置：<input type="text" id="txt2" value=""></div>
        <div>选中结束位置<input type="text" id="txt3" value=""><br/></div>
        <div>选中内容: <div id="txt4"></div></div>
      </div>

Javascript-method