Как воссоздать выделение "подсветкой" с помощью мышиных событий Javascript и CSS?

Question

Я хочу воссоздать способность выделять текст.

Выделите вышеприведенное предложение. Вы видите тот синий цвет, который поглощает выделенный текст? Тот, который сообщает вам, что это текст, который вы выбрали, вплоть до символа; Я хочу воссоздать это, а также изменить его цвет.

Как вы можете воссоздать подсветку - может быть, не совсем - с помощью событий мыши, представленных на языке? Некоторая комбинация mousedown, mousemove, mouseup и так далее?

Как определяется выбор? Является ли это позиционным, когда mousedown создает точку происхождения, mouseup создает конец, и разница заключается в выборе? Если так, то как вы получаете доступ к этой информации сетки?

Я действительно не знаю, с чего начать или жаргон, который мог бы дать мне какой-либо полезный результат поиска. Что я хочу сделать, так это как-то привязать функцию подсветки к кнопке клавиатуры, поэтому я хочу воссоздать ее функциональность.

Любая помощь будет принята с благодарностью!

Answer 1

Вы можете изменить цвет выделения с помощью этого кода CSS:

::selection {
    background: #ffb7b7; /* Safari */
}

::-moz-selection {
    background: #ffb7b7; /* Firefox */
}

(Пример здесь)

Что касается других вещей, посмотрите на комментарий Teemus ( MDN)