javascript - 将焦点集中到具有 contentEditable 的元素 <td> 上

Question

<td contenteditable="" data-model="phone_number">145</td>

我希望焦点动态生成一个点击事件到这个元素中

我尝试了这个但没有效果:

el.contentEditable = true;
el.click();  
el.focus();

Answer 1

无需click()，只需将focus()设置为目标元素即可。

var el = document.getElementById("el2");
el.contentEditable = true;
el.focus();

<table>
  <tr>
    <td contenteditable="" data-model="phone_number" id='el1'>145</td>
    <td contenteditable="" data-model="phone_number" id='el2'>146</td>
    <td contenteditable="" data-model="phone_number" id='el3'>147</td>
  </tr>
</table>