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

假设我在页面中有一个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;});

解决方法:

您可以使用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/

标签：textselection,javascript,click,dom-events
来源： https://codeday.me/bug/20191010/1887963.html