Chrome / Firefox中的可疑，焦点和浏览器不一致

Question

我正在尝试解释此代码段中可见的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的焦点方法与contenteditable一起工作得不好。您应该使用浏览器的焦点方法：

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