html - Chrome/Safari 中的 ContentEditable 焦点

Question

我有一个 contenteditable div，需要在页面加载时聚焦(将光标放在第一行)。

document.getElementById("editor").focus() 在 Firefox 和 IE 中运行良好，但在 Chrome/Safari 中它只会选择全部内容!

有没有办法让它正常工作？

提前致谢，
谢什

Answer 1

这个问题可能与提问者不再相关，但我会为 future 的读者回答。基本原则是将选择设置为元素开头的折叠范围。

我使用 Rangy JS 库解决了这个问题:http://code.google.com/p/rangy

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

这可能比必要的要多，但它确实可以跨浏览器工作，而且 Rangy 还提供了一堆额外的实用程序，所以它可能值得研究:)