如何防止双击选择文本?

时间:2012-12-04 17:51:08

标签: html css text double-click

#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按钮 当用户意外地双击而不是单击时,按钮内的文本将被选中,即 - 改变其背景颜色 如何在双击时阻止此选择?

2 个答案:

答案 0 :(得分:42)

尝试小jquery

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

用css试试

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

答案 1 :(得分:6)

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