javascript - 如何防止在 Javascript 中双击选择文本

Question

假设我在页面中有一个 ul (li) 列表:

<ul>
 <li>xxx<li>
 <li>xxx<li>
</ul>

元素 li 是可点击和可双击的，它们与这些事件相关联，我在它们中都返回 false。

$('ul li').on('click',function(){
    //do what I want
    return false;
}).on('dblclick',function(){
    //do what I want
    return false;
});

但是当用户双击该元素时，li 中的文本将被选中。如何预防？

Update:

现在已解决，我将以下代码与 NiftyDude 的 css 选择器一起使用:

$('ul li').on('click',function(){
    //do what I want
    return false;
}).....on('dragstart',function(){return false;}).on('selectstart',function(){return false;});

Answer 1

您可以使用 css 禁用文本选择(请注意，这将有效地禁用所有选择方法，而不仅仅是双击)

ul li {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

http://jsfiddle.net/T3d7v/1/