111 votes

Existe-t-il une fonction pour désélectionner tout le texte à l'aide de JavaScript ?

Existe-t-il une fonction en javascript pour simplement désélectionner tout le texte sélectionné ? Je pense que ça doit être une simple fonction globale comme document.body.deselectAll(); ou quelque chose comme ça.

193voto

Ankur Points 3113

Essaye ça:

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

Cela effacera une sélection dans le contenu HTML normal dans n'importe quel navigateur majeur. Il n'effacera pas une sélection dans une entrée de texte ou <textarea> dans Firefox.

27voto

Tim Down Points 124501

Voici une version qui effacera toute sélection, y compris dans les entrées de texte et les zones de texte :

Démo : http://jsfiddle.net/SLQpM/23/

 function clearSelection() {
    var sel;
    if ( (sel = document.selection) && sel.empty ) {
        sel.empty();
    } else {
        if (window.getSelection) {
            window.getSelection().removeAllRanges();
        }
        var activeEl = document.activeElement;
        if (activeEl) {
            var tagName = activeEl.nodeName.toLowerCase();
            if ( tagName == "textarea" ||
                    (tagName == "input" && activeEl.type == "text") ) {
                // Collapse the selection to the end
                activeEl.selectionStart = activeEl.selectionEnd;
            }
        }
    }
}

6voto

Luke Girvin Points 8270

Pour Internet Explorer, vous pouvez utiliser la méthode vide de l'objet document.selection :

document.selection.empty();

Pour une solution multi-navigateur, voir cette réponse :

Effacer une sélection dans Firefox

1voto

Dan Ortega Points 360

Cela a fonctionné incroyablement plus facilement pour moi ...

 document.getSelection().collapseToEnd()

ou alors

 document.getSelection().removeAllRanges()

Crédits : https://riptutorial.com/javascript/example/9410/deselect-everything-that-is-selected

0voto

John Points 1413

Pour un textarea avec au moins 10 caractères, ce qui suit fera une petite sélection puis après une seconde et demie la désélectionnera :

 var t = document.getElementById('textarea_element');
t.focus();
t.selectionStart = 4;
t.selectionEnd = 8;

setTimeout(function()
{
 t.selectionStart = 4;
 t.selectionEnd = 4;
},1500);

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