Get the Highlighted Selected text

Question

Is it possible to get the highlighted text in a paragraph of a website e g  by using jQuery

User · Answer

This solution works if you re using chrome  can t verify other browsers  and if the text is located in the same DOM Element   window getSelection   anchorNode textContent substring    window getSelection   extentOffset     window getSelection   anchorOffset

User · Answer

Getting the text the user has selected is relatively simple  There s no benefit to be gained by involving jQuery since you need nothing other than the window and document objects   function getSelectionText         var text           if  window getSelection            text   window getSelection   toString          else if  document selection  amp  amp  document selection type     Control             text   document selection createRange   text            return text      If you re interested in an implementation that will also deal with selections in  lt textarea gt  and texty  lt input gt  elements  you could use the following  Since it s now 2016 I m omitting the code required for IE  lt   8 support but I ve posted stuff for that in many places on SO    x000D   x000D  function getSelectionText     x000D      var text       x000D      var activeEl   document activeElement  x000D      var activeElTagName   activeEl   activeEl tagName toLowerCase     null  x000D      if   x000D         activeElTagName     textarea       activeElTagName     input   amp  amp  x000D             text search password tel url   i test activeEl type    amp  amp  x000D         typeof activeEl selectionStart     number   x000D          x000D          text   activeEl value slice activeEl selectionStart  activeEl selectionEnd   x000D        else if  window getSelection    x000D          text   window getSelection   toString    x000D        x000D      return text  x000D    x000D   x000D  document onmouseup   document onkeyup   document onselectionchange   function     x000D    document getElementById  sel   value   getSelectionText    x000D     x000D  Selection  x000D   lt br gt  x000D   lt textarea id  sel  rows  3  cols  50  gt  lt  textarea gt  x000D   lt p gt Please select some text  lt  p gt  x000D   lt input value  Some text in a text input  gt  x000D   lt br gt  x000D   lt input type  search  value  Some text in a search input  gt  x000D   lt br gt  x000D   lt input type  tel  value  4872349749823  gt  x000D   lt br gt  x000D   lt textarea gt Some text in a textarea lt  textarea gt  x000D   x000D   x000D

User · Answer

Yes you can do it with simple JavaScript snippet  document addEventListener  mouseup   event   gt          if window getSelection   toString   length          let exactText   window getSelection   toString

User · Answer

Use window getSelection   toString     You can read more on developer mozilla org

User · Answer

Get highlighted text this way   window getSelection   toString     and of course a special treatment for ie   document selection createRange   htmlText

[javascript] Get the Highlighted/Selected text

Examples related to javascript

Examples related to jquery

Examples related to textselection