Select Text & highlight selection or get selection value (React)

Question

I have a React application which displays some spans:

Hello my name  is &l         


        

Answer 1

Step 1: - Initially Mouse will capture every time you enter something

Step 2: To make sure it only catches your selected text I used if-else condition

selectedText = () => {
    window.getSelection().toString() ? console.log(window.getSelection().toString()) : null;
}