Как сделать поиск страниц в электронном виде, как в Chrome, VS Code или Firefox?

Так выглядит поиск в хроме

Я пытался сделать что-то подобное, но у меня возникли проблемы. я используюWindow.getSelection()для выделения всех совпадений и отдельного ввода для получения пользовательского запроса. Но он не выделяет все добавленные диапазоны, как это делает Firefox, и я не могу сосредоточиться на вводе и в то же время выделить найденный текст.

У меня проблемы с фокусировкой и выделением.

Это то, что у меня сейчас есть

Я знаю, что Chrome, Firefox, VS Code и Atom имеют эту функцию, у них есть выделение, которое принадлежит выбору пользователя, и у них есть выделение, которое принадлежит результатам поиска. У них, вероятно, есть независимые объекты Selection для результатов поиска и для выбора пользователя. Есть ли для этого готовый API или мне нужно попробовать реализовать его самостоятельно?

Спасибо вам всем)

0 ответов

Другие вопросы по тегам