Javascript 单击复选框标签时丢失选择
我正在尝试获取一个带有标签的复选框,以便在可编辑的Javascript 单击复选框标签时丢失选择,javascript,checkbox,selection,contenteditable,Javascript,Checkbox,Selection,Contenteditable,我正在尝试获取一个带有标签的复选框,以便在可编辑的div中选择文本时,单击标签将不会丢失div中的选择。标签仍然需要在单击时应用标准复选框勾选/取消勾选,但将焦点和选择保留在div上 在div上执行一个简单的focus(),将不会有帮助,因为选择将消失(插入符号位于开头)。当然,我可以研究一种方法来存储选择对象,并在标签单击后尝试将其分配回,但是没有更简单的方法来保存选择 (我需要使用标签和复选框执行此操作的原因是,我将使用jQuery UI按钮,并且需要它们的切换功能) 类似地,如果您单击复选
div
中选择文本时,单击标签将不会丢失div
中的选择。标签仍然需要在单击时应用标准复选框勾选/取消勾选,但将焦点和选择保留在div
上
在div
上执行一个简单的focus()
,将不会有帮助,因为选择将消失(插入符号位于开头)。当然,我可以研究一种方法来存储选择
对象,并在标签
单击后尝试将其分配回,但是没有更简单的方法来保存选择
(我需要使用标签
和复选框
执行此操作的原因是,我将使用jQuery UI按钮,并且需要它们的切换功能)
类似地,如果您单击复选框,通常仍会在div
中保留所选内容,但如果您非常频繁地按下复选框(
根据错误描述,当页面上有contenteditable div
时,input
字段上的双击功能将异常运行
我在尝试手动复制时注意到了这种奇怪的行为,所以我猜这是一个bug。我不知道有什么解决办法。这只能解释问题的第二部分,但关于标签单击的问题仍然是一个悬而未决的问题。如果单击复选框本身,高亮显示/选择仍然存在,但是如果标签单击,高亮显示/选择将丢失(或其他部门)单击。这也是您看到的行为吗?@Niklas:@Tim是的,单击复选框可以正常工作,但单击标签不行。使用我的问题中提到的选择当然是一个选项,但我更愿意在使用该路线之前探索任何其他可用选项。作为一种解决方法,您使用纳什。