如何防止在双击时选择文本？答案

【问题标题】：How to prevent selecting text on double click?如何防止在双击时选择文本？
【发布时间】：2012-11-22 10:23:59
【问题描述】：

#btnLeft{
    width:40px;
    padding:2px 5px 2px 5px;
    background-color: #20a0a0;
    border: thin solid #099;
    border-radius:7px;
    text-align:center;
    font-family:"Futura Md BT";
    font-size:large;
    color:#FFF;
}

这是一个 CSS 按钮。
当用户不小心双击而不是单击时，按钮内的文本将被选中，即 - 更改其背景颜色。
如何防止这种双击选择？

【问题讨论】：

这个问题重复？ stackoverflow.com/questions/826782/…
@Michelle，您的链接上接受的解决方案是什么？另外，我不想阻止在页面正文部分选择文本，只是在按钮上。
@Michelle 链接上的“已接受”解决方案是获得更多选票的解决方案。为什么该 CSS 代码会阻止用户从页面的其他部分选择文本？您将它放在您的 #btnLeft{} 上，它不会干扰您文档的其余部分。

标签： html css text double-click

【解决方案1】：

如果您使用<button> 或<a> 标记并包含href 属性，则应减轻该行为。而且它更具语义性:)

【讨论】：

在某些情况下，这是不可能的，比如在标签内使用复选框:)

【解决方案2】：

试试小jquery

 $(element).mousedown(function(){ return false; })

用css试试

-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;

【讨论】：

空指针，非常感谢。解决了