js聚焦并将光标定位到输入框和可编辑DIV的最后

发布时间 2023-10-28 15:30:11作者: IT丶Hatcher
          // 聚焦并将光标定位的文本末尾  ---  div
          // let dom = $('.demonstrate-li-input').eq(i).focus()
          // let range = document.createRange() //创建一个新的范围对象
          // let sel = window.getSelection() //获取当前选区对象
          // range.selectNodeContents(dom[0]) //将范围设置为元素的所有子节点
          // range.collapse(false) // 将范围折叠到末尾位置
          // sel.removeAllRanges() //清除当前选区的所有范围
          // sel.addRange(range) //将新的范围添加到选区中
          // dom.focus() //将焦点设置到该元素上
          // dom.css({
          //   'border-bottom': '1px dashed #D8D8D8'
          // })
          // input输入框
          setTimeout(() => {
            let dom = $('.demonstrate-li-input').eq(i)
            dom.focus() //将焦点设置到该元素上
            dom.css({
              'border-bottom': '1px dashed #D8D8D8'
            })
            let len = dom[0].value.length // 获取当前文本长度
            dom[0].setSelectionRange(len, len) // 将光标定位到文本末尾
          }, 1)