How to get selected word when double-click on div, p, span?

Can you get the word the user has double-clicked on? I've tri开发者_Python百科ed in a onDblClick eventhandler but selectionStart is undefined there; and the onselect event seems to be available only for TextArea.

You can use document.selection.createRange().text in IE, and window.getSelection().toString() in firefox and webkit, and attach to the ondblclick handler like so:

document.ondblclick = function () {
   var sel = (document.selection && document.selection.createRange().text) ||
             (window.getSelection && window.getSelection().toString());
   alert(sel);
};

References:

• MSDN, for document.selection
• MDN, for window.getSelection()

A Good answer by @David Tang

and window.getSelection().toString() is what I used.

I want to share that you can use baseOffset and extentOffset too.

<p>test data.</p>

<script>
  document.addEventListener("dblclick", (e)=>{
    const selection = document.getSelection()
    // console.log(selection.anchorNode.data) // is whole text: "test data."
    const selectContent = selection.anchorNode.data.slice(selection.baseOffset, selection.extentOffset)
    console.log(selectContent)    
  })
</script>