满口金牙 2022-07-02 11:28 采纳率: 90.4%
浏览 109
已结题

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

 <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 全选 或 者不全选

  • 写回答

5条回答 默认 最新

  • CSDN专家-showbo 2022-07-02 11:52
    关注

    Selection对象的collapseToStart(光标会在输入框前面)或者collapseToEnd(在后面)或者emptyremoveAllRanges去掉选择状态

    <input type="text" id="el" value="123"/>
    <script>
        el.select()
        setTimeout(() => {//1s后光标会在输入框前
            let r = window.getSelection()/* as  Selection*/;
            r.collapseToStart();
        }, 1000)
    </script>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 7月10日
  • 已采纳回答 7月2日
  • 修改了问题 7月2日
  • 修改了问题 7月2日
  • 展开全部