Javascript 如何防止网站中的笨拙文本选择行为

我注意到，在一些网站中，文本选择的行为有些笨拙：用户点击并按住左键，然后将其向他/她想要选择的文本方向移动，然后选择移动另一侧的整个文本部分

这不是到处都会发生的事情，很难描述，所以我将提供一个例子。我找到了这个。检查它的最后一行：

ENV:REDIRECT_STATUS is my new best friend.

如果我点击这一行的左边，向右拖动一点（比如说，直到

：

），我希望选中这一行的

ENV:

部分。取而代之的是这一行的剩余部分（

REDIRECT\u STATUS是我的新好友。

）加上每条评论和侧边栏我正在使用Firefox 15.0.1，但已经注意到Chrome和Internet Explorer中的这种行为

所以我想知道的是，为什么会发生这种情况，以及为了防止这种故障需要做些什么

---

请原谅我对这个问题不清楚；我发现这个问题很难用文字来描述。

这一切都与HTML标记和CSS有关。浏览器倾向于按照HTML中显示的顺序选择文本。添加Tim Down建议的填充可以帮助用户选择文本，因为它在文本选择中会有一点误差。

我知道你的意思，但我认为作为网站作者，你对此无能为力。文本选择行为完全取决于操作系统和/或浏览器。顺便说一句，在OSX上工作得很好/更好。您只需要更仔细地选择，以便在您尝试选择的文本的容器元素中开始实际选择。在元素周围添加一些CSS填充会有所帮助。我在chrome中选择“ENV:”并没有问题……在这种情况下，问题似乎主要出现在Firefox中，因为chrome似乎在默认情况下添加了虚拟填充以更好地选择文本。