Html Chrome/Safari中的内容可编辑焦点

我有一个contenteditable div，需要在pageload上聚焦（将光标放在第一行）

document.getElementById（“编辑器”）.focus（）

在Firefox和IE中运行良好，但在Chrome/Safari中它只选择整个内容

有没有办法让它正常工作

提前感谢，

---

Shesh

这个问题可能与提问者无关，但我将为未来的读者回答。基本原则是将选择设置为图元开始处的折叠范围

我使用Rangy JS库解决了这个问题：

---

这可能不仅仅是必要的，但它确实可以跨浏览器工作，Rangy还提供了一系列额外的实用程序，因此可能值得研究：）

我可以通过调用链接到attr（）方法的focus（）方法将焦点添加到DIV中

---

这似乎是浏览器的限制。即使使用tab键，只要div[contenteditable]获得焦点，它也会突出显示其中的文本。感谢您的回复！是的，TAB似乎也是如此。：）+有人否决了你的完美问题。

var r = rangy.createRange();
r.setStart( document.getElementById('editor'), 0 );
r.collapse(true);
rangy.getSelection().setSingleRange(r);

$el.attr('contenteditable', "true").focus()