HTML Двойной щелчок по выбору - PullRequest
Новая
       14

HTML Двойной щелчок по выбору

9 голосов
/ 20 мая 2010

Я не публиковал это на DocType, потому что это не design вещь, визуальное представление не моя проблема, поведение . Извините, если это неуместно, но я не чувствую, что это проблема дизайнера.

Следующий 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

Когда вы дважды щелкаете '123123' после 'SKU:', он выбирает '123123' И 'ILC:' из следующего элемента dom.

Возьмите любой текст на этой странице (здесь в SO), дважды щелкните по слову, он выбирает только ЭТО СЛОВО , даже в середине абзаца. В этих примерах элементы dom закрывают их, каждый знает, почему это происходит.

Мои коллеги-сотрудники используют механизм «двойного щелчка» для выбора соответствующих идентификаторов продуктов для выполнения своей работы, и это не имеет для меня никакого смысла.

Ответы [ 2 ]

15 голосов
/ 30 октября 2013

У меня была такая же проблема. Если вы поставите пробел перед закрывающим тегом вашего li, это должно исправить это. 

<ul style="overflow: hidden;">
    <li style="float: left;"><strong>SKU:</strong>123123 </li>
    <li style="float: left;"><strong>ILC:</strong>asdasdasdasd </li>
</ul>
1 голос
/ 20 мая 2010

Я подозреваю, что если вы включите пробел или неразрывный пробел &nbsp между вашими двумя элементами, вы обнаружите, что можете дважды щелкнуть мышью и выбрать только один, но не оба элемента, так как браузер больше не будет увидеть два элемента как одно слово.

...