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