如何以编程方式开始/停止编辑 contenteditable？答案

【问题标题】：How to programmatically start/stop editing a contenteditable?如何以编程方式开始/停止编辑 contenteditable？
【发布时间】：2014-02-16 02:56:39
【问题描述】：

我需要触发什么样的事件才能以编程方式开始或停止实际编辑 contenteditable，例如当用户聚焦或模糊它时？我尝试了 .focus()、.click()、setting the selection to its content，但它们似乎都不起作用。

编辑：.focus() 确实有效，只需确保 contenteditable 节点已插入到文档中...

【问题讨论】：

【解决方案1】：

也许您正在寻找 disabled 和 readonly 属性。

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");

【讨论】：

【解决方案2】：

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

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

根据jsFIddle demo，这将导致插入符号出现在页面加载中。

【讨论】：