js 处理 dom获取焦点时, 光标放到文字末尾

// 光标放到文字末尾(获取焦点时)
export function setCursorPostion(el) {
  if (window.getSelection) {
    // ie11 10 9 ff safari
    el.focus() // 解决ff不获取焦点无法定位问题
    const range = window.getSelection() // 创建range
    range.selectAllChildren(el) // range 选择obj下所有子内容
    range.collapseToEnd() // 光标移至最后
  } else if (document.selection) {
    // ie10 9 8 7 6 5
    const range = document.selection.createRange() // 创建选择对象
    // var range = document.body.createTextRange();
    range.moveToElementText(el) // range定位到obj
    range.collapse(false) // 光标移至最后
    range.select()
  }
}
el 是可以编辑的div元素
posted @ 2022-05-31 20:32  随心一击  阅读(190)  评论(0)    收藏  举报