Làm thế nào để ngăn chặn sự kích đúp vào chọn văn bản trong javascript

Question

Nói rằng tôi có một (li) danh sách ul trong trang:

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

Yếu tố li đều có thể click và nhấn đúp nhấp được, họ được gắn với những sự kiện này và tôi return false trong cả hai.

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

Nhưng khi người dùng nhấp đúp vào phần tử, văn bản bên trong li sẽ được chọn. điều này có thể được ngăn ngừa bằng cách nào?

Cập nhật:

Giải Quyết bây giờ, tôi sử dụng đoạn mã sau với selector css bởi NiftyDude:

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

Answer 1

Bạn có thể vô hiệu hóa lựa chọn văn bản sử dụng css (Lưu ý rằng điều này sẽ vô hiệu hóa hiệu quả tất cả các phương pháp lựa chọn và không chỉ nhấp đúp chuột)

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/

Answer 2

Bạn không thể ngăn chặn sự chọn xảy ra nhưng bạn có thể xóa các lựa chọn ngay sau khi nó được thực hiện:

<script type="text/javascript"> 
document.ondblclick = function(evt) { 
    if (window.getSelection) 
     window.getSelection().removeAllRanges(); 
    else if (document.selection) 
     document.selection.empty(); 
} 
</script> 

Để cũng ngăn chặn việc lựa chọn toàn bộ đoạn bởi "nhấp chuột ba", đây là mã được yêu cầu:

var _tripleClickTimer = 0; 
document.ondblclick = function(evt) { 
    ClearSelection(); 
    window.clearTimeout(_tripleClickTimer); 

    //handle triple click selecting whole paragraph 
    document.onclick = function() { 
     ClearSelection(); 
    }; 

    _tripleClickTimer = window.setTimeout(function() { 
      document.onclick = null; 
    }, 1000); 
}; 

function ClearSelection() { 
    if (window.getSelection) 
     window.getSelection().removeAllRanges(); 
    else if (document.selection) 
     document.selection.empty(); 
} 

Source/Live test.

Tính năng này sẽ hoạt động trên bất kỳ trình duyệt nào, vui lòng báo cáo mọi trình duyệt khi trình duyệt không hoạt động.