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