How to highlight a piece of text like browser does?

Asked Jun 07 '23 at 01:57

Active Jun 07 '23 at 06:06

Viewed 53 times

I have searched the Internet and found related topics discussed:

But none of them can match and highlight cd this case:

<b>abc<b>def

But Chrome (I believe also other browsers) can do this. Try search for cd with your browser: abcdef. How can we implement this function?

edited Jun 07 '23 at 06:06

tacoshy

asked Jun 07 '23 at 01:57

simonmysun

2

You could use `window.find('cd')`. – Unmitigated Jun 07 '23 at 02:00
@Unmitigated It works! Can I use it locally? Combination with `getSelection` should work in most case, though. – simonmysun Jun 07 '23 at 02:08
What do you mean by locally? – Unmitigated Jun 07 '23 at 02:09
1

Note that `window.find()` is [non-standard](https://developer.mozilla.org/en-US/docs/Web/API/Window/find) and should not be used in production sites. – InSync Jun 07 '23 at 02:12
@Unmitigated Sorry for the confusion. Suppose I have an element and I need to limit the search range to this element. – simonmysun Jun 07 '23 at 02:13

0 Answers0