Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击复选框标签时丢失选择_Javascript_Checkbox_Selection_Contenteditable - Fatal编程技术网

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是的,单击复选框可以正常工作,但单击标签不行。使用我的问题中提到的选择当然是一个选项,但我更愿意在使用该路线之前探索任何其他可用选项。作为一种解决方法,您使用纳什。