javascript - 单击复选框标签时丢失选择

Question

我正在尝试让一个带有标签的复选框起作用，这样当您在内容可编辑的 div 中选择文本时，单击 label 不会丢失选择来自 div。标签仍然需要在单击时应用标准复选框勾选/取消勾选，但要将焦点和选择保持在 div 上。

在 div 上做一个简单的 focus() 将无济于事，因为选择将消失(插入符号位于开头)。我当然可以寻找一种方法来存储 selection 对象并尝试在 label 单击后将其分配回去，但是没有更简单的方法来保持 选择?

(我需要使用 label 和 checkbox 执行此操作的原因是因为我将使用 jQuery UI 按钮并且我需要它们的切换功能)

类似地，如果您点击复选框，您通常仍会将选择保留在 div 中，但至少在 FF4 上，如果您非常频繁地按下复选框(<1s ), 它将失去选择。知道那里发生了什么吗？ 在下面回答

示例:http://jsfiddle.net/niklasvh/gULM9/

Answer 1

It's a Firefox bug marked 490367.

根据错误描述，当页面上有 contenteditable div 时，input 字段上的双击功能会出现异常。

我在尝试手动复制它时注意到了奇怪的行为，所以我猜这是一个错误。我不知道有任何解决方法。