Есть ли функция отмены выделения всего текста с помощью JavaScript? - PullRequest
79 голосов
/ 03 июля 2011

Есть ли в javascript функция для отмены выбора всего выделенного текста? Я полагаю, это должна быть простая глобальная функция, такая как document.body.deselectAll(); или что-то в этом роде.

Ответы [ 4 ]

131 голосов
/ 03 июля 2011

Попробуйте это:

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

Это очистит выделение в обычном HTML-контенте в любом крупном браузере.Он не очистит выделение при вводе текста или <textarea> в Firefox.

26 голосов
/ 09 февраля 2013

Вот версия, которая очистит любой выбор, в том числе в текстовых вводах и текстовых областях:

Демо: 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;
            }
        }
    }
}
6 голосов
/ 03 июля 2011

Для Internet Explorer вы можете использовать пустой метод объекта document.selection:

document.selection.empty ();

Для кросс-браузерного решения см. Этот ответ:

Очистить выделение в Firefox

0 голосов
/ 29 мая 2018

Для элемента textarea, содержащего не менее 10 символов, следующий элемент сделает небольшой выбор, а затем через полторы секунды отменит его выбор:

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

setTimeout(function()
{
 t.selectionStart = 4;
 t.selectionEnd = 4;
},1500);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...