HTML双击选择奇数

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

导读：我没有在DocType上发布它,因为它不是一个设计的东西,视觉表示不是我的问题,行为是.如果这是错位的,我很抱歉,但我觉得这不是设计师的问题. 以下DOM： ul style="overflow: hidden;" li style="float: left;"strongSKU:/strong123123/li li style="float: left

我没有在DocType上发布它,因为它不是一个设计的东西,视觉表示不是我的问题,行为是.如果这是错位的,我很抱歉,但我觉得这不是设计师的问题.

以下DOM：

<ul style="overflow: hidden;">
   <li style="float: left;"><strong>SKU:</strong>123123</li>
   <li style="float: left;"><strong>ILC:</strong>asdasdasdasd</li>
</ul>

要么

<div style="overflow: hidden;">
   <div style="float: left; width: 49%"><strong>SKU:</strong>123123</div>
   <div style="margin-left: 50%; width: auto;"><strong>ILC:</strong>asdasdasdasd</div>
</div>

要么

<p>
   <span><strong>SKU:</strong>123123</span>
   <span><strong>ILC:</strong>asdasdasdasd</span>
</p>

所有人都给我一个奇怪的问题

> IE 6
> IE 7
> Firefox 3.x
> Chrome

但不是

> IE 8

当您在’SKU：’之后双击’123123’时,它会从下一个dom元素中选择’123123’和’ILC：’.

拿这个页面上的任何文字(这里是SO),双击一个单词,它只选择那个词,即使在一个段落的中间.这些例子有dom元素关闭它们,任何人都知道为什么会发生这种情况.

我的同事使用“双击”机制来选择相关的产品ID来完成他们的工作,这对我来说没有任何意义.

解决方法

我有同样的问题.如果你在li的结束标记之前放置一个空格来修复它.

<ul style="overflow: hidden;">
    <li style="float: left;"><strong>SKU:</strong>123123 </li>
    <li style="float: left;"><strong>ILC:</strong>asdasdasdasd </li>
</ul>

（编辑：李大同）

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