HTML Double Click Auswahl Oddity

Question

ich dies nicht auf DocType veröffentlichen, weil es nicht wirklich etwas design ist, die visuelle Darstellung ist nicht mein Problem, ist das Verhalten . Es tut mir leid, wenn das falsch ist, aber ich denke nicht, dass es ein Designerproblem ist.

Die folgende DOM:

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

Oder

<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> 

Oder

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

Alle präsentieren mir ein seltsames Problem in

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

Aber nicht in

• IE 8

Wenn Sie Doppelklick ‚123123 'nach' SKU: ', wählt es' 123123 'UND' ILC: 'vom nächsten dom ele aus ment.

Nehmen Sie einen beliebigen Text auf dieser Seite (hier in SO), doppelklicken Sie auf ein Wort, es wählt nur THAT WORD, auch in der Mitte eines Absatzes. Diese Beispiele haben dom Elemente, die sie schließen, jeder weiß, warum das passiert.

Meine Kollegen verwenden den "Doppelklick" -Mechanismus, um die relevanten Produkt-IDs auszuwählen, um ihre Arbeit zu erledigen, und das macht für mich keinen Sinn.

Answer 1

Ich vermute, dass Sie, wenn Sie ein Leerzeichen oder ein geschütztes Leerzeichen &nbsp zwischen Ihren zwei Elementen einfügen, finden Sie, dass Sie doppelklicken können und nur ein, aber nicht beide Elemente auswählen, wie der Browser nicht mehr sehen wird die zwei Elemente als ein einziges Wort.

Answer 2

Ich hatte das gleiche Problem. Wenn Sie vor dem schließenden Tag Ihrer li ein Leerzeichen setzen, das sollte es beheben.

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