双击一个单词javascript React.js时触发事件

Question

I have a component in Reactjs. This has a p tag. Inside that there is text.

I want that when ever user double click on any word, it should trigger a function, in which I get the selected text, so that I can save that word in an array.

Please help.

Answer 1

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;
}

This should work for all browsers. Attach it to mouseup of your p tag.