双击HTML中的文本选择与浮动

发布时间：2020-12-14 18:54:18 所属栏目：资源来源：网络整理

导读：随后的代码： spanLabel1 Label2/spanspan style="float:left"spanValue/span/span 双击“值”字时,选择Label2(高位)但不选择Label1. 为什么会这样？如果只选择“值”字而不选择“标签”字,我该怎么办？实例：http://codepen.io/anon/pen/IHDzj 编辑：此错

随后的代码：

<span>Label1 Label2</span>
<span style="float:left"><span>Value</span></span>

双击“值”字时,选择Label2(高位)但不选择Label1.
为什么会这样？

如果只选择“值”字而不选择“标签”字,我该怎么办？

实例：http://codepen.io/anon/pen/IHDzj

编辑：此错误仅存在于Chrome中

解决方法

这可能是Chrome问题.因为在Firefox中它工作正常.但是要在chrome中解决它,只需在关闭第一个span标记之前添加空格,如此处所示.

<span>Label1 Label2 </span>
<span style="float:left"><span>Value</span></span>

因为每当我们通过双击它来选择文本时.在chrome中选择了单词和空格,这个bug已经在chrome问题中解决了.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!