355 votes

Empêche la sélection de texte après un double clic

Je gère l'événement dblclick sur une durée dans mon application Web. Un effet secondaire est que le double clic sélectionne le texte sur la page. Comment puis-je empêcher cette sélection de se produire?

395voto

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

Vous pouvez également appliquer ces styles à la plage pour tous les navigateurs autres que IE et 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+ */
}
 

124voto

Tom Points 371

Utiliser jQuery

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

2voto

José Leal Points 2658

ou, sur mozilla:

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

Sur IE,

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X