Выделение текста

Получить выделенный текст

Получить выделенный текст можно через метод getSelection().

window.getSelection().toString();

Пример на JSFiddle

Метод getSelection() возвращает объект «Selection», который содержит данные выделенного текста.

Чтобы получить выделенный текст, надо привести объект «Selection» к текстовому виду через метод toString(), или вывести на странице через параметр innerHTML, как на пример ниже:

var result = document.getElementById("result");
result.innerHTML = window.getSelection();

Выделить текст на странице

Выделить текст на странице можно через метод getSelection().addRange().

// объект, который надо выделить
var element = document.getElementById("to-select");

// создание выделения
var range = document.createRange();
range.selectNode(element);

// удаление текущего выделения на странице
window.getSelection().removeAllRanges();

// выделение объекта
window.getSelection().addRange(range);

Пример на JSFiddle

Метод document.createRange() создаёт объект «Range», который содержит данные для выделения. Эти данные передаются методу getSelection().addRange() для создания выделения.

Убрать выделение на странице

Убрать выделение на странице можно через метод getSelection().removeAllRanges().

window.getSelection().removeAllRanges();

Пример на JSFiddle