如何以编程方式启动/停止编辑一个contenteditable？

Question

我需要触发什么样的事件才能以编程方式启动或停止实际编辑一个满足者，例如当用户关注或模糊它时？我试过.focus（）,. click（），setting the selection to its content，但它们似乎都没有用。

编辑：.focus（）确实有效，只需确保已将唯一节点插入文档...

Answer 1

您可以在jQuery中使用trigger()方法：

$('div[contenteditable="true"]').trigger('focus');

这会导致插入符号出现在页面加载上，按照此jsFIddle demo。

Answer 2

也许您正在寻找已停用和只读属性。

HTML:
<input type="text" disabled="disabled" />

Javascript:
document.getElementsByTagName("div")[0].setAttribute("disabled", "disabled");

其他选项是

HTML:
<input type="text" readonly="readonly" />

Javascript:
document.getElementsByTagName("div")[0].setAttribute("readonly", "readonly");