Как выделить текст и пометить его во время выполнения с помощью JavaScript и HTML ⇐ Jquery

[Anonymous]

Ниже приведен мой код. Я хочу выделить текст при наведении курсора мыши. Я новичок в Интернете. Я понятия не имею, почему мой код не работает. Никакой текст не выделяется.

Может ли кто-нибудь помочь мне найти проблему? Код, который я написал, в основном скопирован отсюда и оттуда в Интернете.

Проблема 2: как только текст выделен, я хочу открыть меню при щелчке правой кнопкой мыши с 4–5 опциями и выбрать один из них, чтобы пометить выделенный текст. Позже загрузите помеченные данные в формате JSON.

Во-первых, я хочу решить свою первую проблему.

Код: Выделить всё

TEST



.red {
color: red;
}

;



thisRespondHightlightText(".select--highlight--active");

function thisRespondHightlightText(thisDiv) {
$(thisDiv).on("mouseup", function() {
var selectedText = getSelectionText();
var selectedTextRegExp = new RegExp(selectedText, "g");
var text = $(this).text().replace(selectedTextRegExp, "" + selectedText + "");
$(this).html(text);
});
}

function getSelectionText() {
var text = "";
if (window.getSelection) {
text = window.getSelection().toString();
} else if (document.selection && document.selection.type != "Control") {
text = document.selection.createRange().text;
}
return text;
}





Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Подробнее здесь: https://stackoverflow.com/questions/571 ... t-and-html