取清input 中 文字的全选状态请教？

Question

 <td class="table-cell"  @dblclick="cellEdit($event)"  @click="inputFocus($event)">
      <input class="cell-input" type="text" v-model=i.value />
   </td>

// 单击 td
function inputFocus(event: any) {
  editState = false // 取消编辑状态
  rowColSelect.selected = false // 取消行列选择
  const inputDOM = (event.target as HTMLTableCellElement).children[0] as HTMLInputElement
  inputDOM.classList.add('input-focus') // 这个放 focus（）前 
  inputDOM.focus()
  inputDOM.select() // 输入自动 覆盖 原 input的内容
  console.log('运行到这了inputFocus', inputDOM)
  document.addEventListener('keydown', tdKeydown)
}
// 双击 td 进入编辑状态
function cellEdit(event: any) {
  const inputDOM = (event.target as HTMLTableCellElement).children[0] as HTMLInputElement
  cellRange.weight = '1px'
  let r = window.getSelection() as Selection
  r.collapseToEnd()
  // inputDOM.selectionStart()
  inputDOM.classList.remove('input-focus')
  editState = true
}
这里有两个动作， 点td , select() 是全选，      双击要取选 全选

 
}

问题是我不要全选状态，是要双击进入编辑
目的： 任何input 双击内容都会被全选。 我要自定义dblclick 全选 或 者不全选

Answer 1

用Selection对象的collapseToStart（光标会在输入框前面）或者collapseToEnd（在后面）或者empty和removeAllRanges去掉选择状态

<input type="text" id="el" value="123"/>
<script>
    el.select()
    setTimeout(() => {//1s后光标会在输入框前
        let r = window.getSelection()/* as  Selection*/;
        r.collapseToStart();
    }, 1000)
</script>