Câu hỏi đơn giản mà tôi không thể tìm ra câu trả lời: làm cách nào tôi có thể sử dụng JavaScript (hoặc jQuery) để bỏ chọn bất kỳ văn bản nào có thể được chọn trên một trang web? Người dùng EG nhấp và kéo để đánh dấu một chút văn bản - Tôi muốn có một hàm deselectAll () để xóa lựa chọn này. Tôi nên viết nó như thế nào?

Cảm ơn đã giúp đỡ.

if (window.getSelection) {
  if (window.getSelection().empty) {  // Chrome
    window.getSelection().empty();
  } else if (window.getSelection().removeAllRanges) {  // Firefox
    window.getSelection().removeAllRanges();
  }
} else if (document.selection) {  // IE?
  document.selection.empty();
}

Tín dụng cho anh Y.

Tốt nhất hãy kiểm tra trực tiếp các tính năng bạn muốn:

var sel = window.getSelection ? window.getSelection() : document.selection;
if (sel) {
    if (sel.removeAllRanges) {
        sel.removeAllRanges();
    } else if (sel.empty) {
        sel.empty();
    }
}

State of De-selection Affairs 2014

Tôi đã thực hiện một số nghiên cứu của riêng tôi. Đây là hàm tôi đã viết và đang sử dụng những ngày này:

(function deselect(){
  var selection = ('getSelection' in window)
    ? window.getSelection()
    : ('selection' in document)
      ? document.selection
      : null;
  if ('removeAllRanges' in selection) selection.removeAllRanges();
  else if ('empty' in selection) selection.empty();
})();

Về cơ bản, getSelection().removeAllRanges()hiện được hỗ trợ bởi tất cả các trình duyệt hiện đại (bao gồm cả IE9 +). Đây rõ ràng là phương pháp chính xác để tiến tới.

Các vấn đề về khả năng tương thích bao gồm:

• Phiên bản cũ của Chrome và Safari được sử dụng getSelection().empty()
• IE8 trở xuống được sử dụng document.selection.empty()

Cập nhật

Có lẽ bạn nên kết thúc chức năng lựa chọn này để sử dụng lại.

function ScSelection(){
  var sel=this;
  var selection = sel.selection = 
    'getSelection' in window
      ? window.getSelection()
      : 'selection' in document
        ? document.selection
        : null;
  sel.deselect = function(){
    if ('removeAllRanges' in selection) selection.removeAllRanges();
    else if ('empty' in selection) selection.empty();
    return sel; // chainable :)
  };
  sel.getParentElement = function(){
    if ('anchorNode' in selection) return selection.anchorNode.parentElement;
    else return selection.createRange().parentElement();
  };
}

// use it
var sel = new ScSelection;
var $parentSection = $(sel.getParentElement()).closest('section');
sel.deselect();

Tôi đã làm cho trang này trở thành wiki cộng đồng để mọi người của bạn có thể thêm chức năng cho cái này hoặc cập nhật mọi thứ khi các tiêu chuẩn phát triển.

Đây là câu trả lời được chấp nhận, nhưng trong hai dòng mã:

var selection = window.getSelection ? window.getSelection() : document.selection ? document.selection : null;
if(!!selection) selection.empty ? selection.empty() : selection.removeAllRanges();

Kiểm tra duy nhất mà tôi không thực hiện là sự tồn tại của removeAllRanges - nhưng AFAIK không có trình duyệt nào có window.getSelectionhoặc document.selectionnhưng không có .emptyhoặc .removeAllRangescho thuộc tính đó.

window.getSelection () cho phép bạn truy cập văn bản đã chọn, từ đó, bạn có thể thực hiện một số thao tác để thao tác với nó ..

Đọc thêm: Lựa chọn DOM dành cho nhà phát triển Mozilla

thêm điều này vào tập lệnh của bạn để ngăn việc nhấp chuột phải và chọn văn bản.

Các ngoại lệ có thể được thêm vào var 'om'.

var d=document,om=['input','textarea','select'];;
function ie(){if(d.all){(mg);return false;}}function mz(e){if(d.layers||(d.getElementById&&!d.all)){if(e.which==2||e.which==3){(mg);return false;}}}if(d.layers){d.captureEvents(Event.mousedown);d.onmousedown=mz;}else{d.onmouseup=mz;d.oncontextmenu=ie;}d.oncontextmenu=new Function('return false');om=om.join('|');function ds(e){if(om.indexOf(e.target.tagName.toLowerCase())==-1);return false;}function rn(){return true;}if(typeof d.onselectstart!='undefined')d.onselectstart=new Function('return false');else{d.onmousedown=ds;d.onmouseup=rn;}