使用contentEditable专注于元素

Question

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

我希望焦点能够在此元素中动态生成click事件

我尝试这个但没有效果：

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

Answer 1

不需要click()只需将focus()设置为目标元素。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

检查此fiddle。您需要在 `{"a":{},"b":"ok"}` 和td

中封装table

tr