Ngăn việc chọn văn bản sau khi nhấp đúp vào

Question

Tôi đang xử lý sự kiện dblclick trên một khoảng trong ứng dụng web của mình. Tác dụng phụ là nhấp đúp sẽ chọn văn bản trên trang. Làm thế nào tôi có thể ngăn chặn lựa chọn này xảy ra?

Answer 1

function clearSelection() { 
    if(document.selection && document.selection.empty) { 
     document.selection.empty(); 
    } else if(window.getSelection) { 
     var sel = window.getSelection(); 
     sel.removeAllRanges(); 
    } 
} 

Bạn cũng có thể áp dụng những phong cách đến khoảng cho tất cả các trình duyệt không phải IE và IE10:

span.no_selection { 
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */ 
    -moz-user-select: none; /* mozilla browsers */ 
    -khtml-user-select: none; /* webkit (konqueror) browsers */ 
    -ms-user-select: none; /* IE10+ */ 
} 

Answer 2

hay, trên mozilla:

document.body.onselectstart = function() { return false; } // Or any html object 

Mở IE,

document.body.onmousedown = function() { return false; } // valid for any html object as well 

Answer 3

Một hàm Javascript đơn giản làm cho c ontent bên trong một trang phần tử unselectable:

function makeUnselectable(elem) { 
    if (typeof(elem) == 'string') 
    elem = document.getElementById(elem); 
    if (elem) { 
    elem.onselectstart = function() { return false; }; 
    elem.style.MozUserSelect = "none"; 
    elem.style.KhtmlUserSelect = "none"; 
    elem.unselectable = "on"; 
    } 
} 

Answer 4

Trong javascript đơn giản:

element.addEventListener('mousedown', function(e){ e.preventDefault(); }, false); 

Hoặc với jQuery:

jQuery(element).mousedown(function(e){ e.preventDefault(); }); 

Answer 5

Để ngăn chặn IE 8 CTRL và phím SHIFT nhấp chuột lựa chọn văn bản trên yếu tố cá nhân

var obj = document.createElement("DIV"); 
obj.onselectstart = function(){ 
    return false; 
} 

Để tránh lựa chọn văn bản trên tài liệu

window.onload = function(){ 
    document.onselectstart = function(){ 
    return false; 
    } 
} 

Answer 6

Để tránh lựa chọn văn bản chỉ sau một cú nhấp kép:

Bạn có thể sử dụng MouseEvent#detail tài sản. Đối với các sự kiện di chuột hoặc chuột, nó là 1 cộng với số lần nhấp hiện tại.

document.addEventListener('mousedown', function (event) { 
    if (event.detail > 1) { 
    event.preventDefault(); 
    } 
}, false); 

Xem https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail

Answer 7

Cũ chủ đề, nhưng tôi đã đưa ra một giải pháp mà tôi tin là sạch hơn vì nó không vô hiệu hóa tất cả thậm chí ràng buộc cho đối tượng, và chỉ ngăn chặn các lựa chọn văn bản ngẫu nhiên và không mong muốn trên trang. Nó là đơn giản, và hoạt động tốt cho tôi. Đây là một ví dụ; Tôi muốn ngăn việc chọn văn bản khi tôi nhấp vào một vài thời gian trên đối tượng với lớp "mũi tên phải":

$(".arrow-right").hover(function(){$('body').css({userSelect: "none"});}, function(){$('body').css({userSelect: "auto"});}); 

HTH!

Answer 8

Tôi đã gặp vấn đề tương tự. Tôi đã giải quyết nó bằng cách chuyển sang <a> và thêm onclick="return false;" (để nhấp vào nó sẽ không thêm mục nhập mới vào lịch sử trình duyệt).