Cevabını bulamadığım basit soru: Bir web sayfasında seçilebilecek herhangi bir metnin seçimini kaldırmak için JavaScript'i (veya jQuery'yi) nasıl kullanabilirim? EG kullanıcı, bir parça metni vurgulamak için tıklar ve sürükler - Bu seçimi temizleyen deselectAll () işlevine sahip olmak istiyorum. Nasıl yazmalıyım?

Yardım için teşekkürler.

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();
}

Sayın Y'ye Kredi

Doğrudan istediğiniz özellikleri test etmek için en iyisi:

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

Seçimden Çıkarma İşleri 2014

Kendi kendime biraz araştırma yaptım. İşte bugünlerde yazdığım ve kullandığım işlev:

(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();
})();

Temel olarak, getSelection().removeAllRanges()şu anda tüm modern tarayıcılar (IE9 + dahil) tarafından desteklenmektedir. Bu açıkça ilerleyen doğru yöntemdir.

Uyumluluk sorunları şunları hesaba katar:

• Chrome ve Safari'nin eski sürümleri kullanıldı getSelection().empty()
• IE8 ve altı kullanıldı document.selection.empty()

Güncelleme

Yeniden kullanım için bu seçim işlevini tamamlamak muhtemelen iyi bir fikirdir.

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();

Bunu bir topluluk wiki'si yaptım, böylece sizler buna işlevsellik ekleyebilir veya standartlar geliştikçe bir şeyleri güncelleyebilirsiniz.

İşte kabul edilen cevap, ancak iki satır kodla:

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

Sadece removeAllRanges varlığı içindir ben yapmıyorum kontrol - ama AFAIK ya sahip hiçbir tarayıcı yok window.getSelectionya document.selectionama olmaz var ya bir .emptyya .removeAllRangesbu özellik için.

window.getSelection () seçili metne erişmenizi sağlar, oradan onu değiştirmek için yapabileceğiniz birkaç şey vardır ..

Devamını Okuyun: Developer Mozilla DOM Selection

sağ tıklamayı ve metin seçimini önlemek için bunu komut dosyanıza ekleyin.

Var 'om' için istisnalar eklenebilir.

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;}