Chrome/Firefox 中的 Contenteditable、焦点和浏览器不一致

Question

我试图解释在这个 sn-p 中可见的 Chrome (v. 42.0.2311.152) 和 Firefox (v. 38.0.1) 之间的差异：

$('#test').focus()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id='test' contenteditable='true'>
  <p>First paragraph</p>
  <p>Second paragraph</p>
</div>

在 Chrome 中：

• div 在第一段之前用光标聚焦
• 此时点击退格键不会删除段落标签

在 Firefox 中：

• div 没有聚焦
• 手动将光标放在第一段之前并点击退格键会删除段落标签

Chrome 的行为是我“预期的”——我怎样才能使 Firefox 的行为相同？

Answer 1

Jquery 的 focus 方法不适用于 contenteditable。您应该改用浏览器的焦点方法：

$('#test').get(0).focus()