光标位置设置

最新推荐文章于 2023-05-13 02:12:47 发布

咕噜咕噜的车轮向前

最新推荐文章于 2023-05-13 02:12:47 发布

阅读量1k

点赞数 2

分类专栏：开发过程总结文章标签：光标位置 js

本文链接：https://blog.csdn.net/zhongmei121/article/details/87924690

版权

开发过程总结专栏收录该内容

66 篇文章 1 订阅

订阅专栏

光标位置设置

const targetDom = document.querySelector('#expressionInput textarea')
setCaretPosition (targetDom, startPos) { 
// 光标设置 targetDom：元素（input/textarea）,startPos:位置num
      const el = targetDom
      let range
      if (el.setSelectionRange) {
        el.focus()
        el.setSelectionRange(startPos, startPos)
      } else {
        range = el.createTextRange()
        range.collapse(true)
        range.moveEnd('character', startPos)
        range.moveStart('character', startPos)//结束的位置
        range.collapse(false)
        range.select()
      }
    }

注意：如果是在vue项目中，textarea绑定参数，则this.$nextTick(() => this.setCaretPosition(targetDom, targetDomPos))