Getting selected text position

javascript html text position selection
Ecarrion picture Ecarrion · Mar 3, 2011 · Viewed 37.3k times · Source

Currently I'm getting the selected text in the browser doing this:

window.getSelection();

Now I need to show a tooltip above that text when pressing a custom key(note that the mouse could not be over the text anymore), so in order to do that I need the absolute position of that selected text.

Is there a way to do that, maybe wrapping that text inside a tag and then getting the offsets? It just has to work in Chrome, not all browsers.

Answer

Jerinaw picture Jerinaw · Jul 26, 2013 
s = window.getSelection();

Returns a Selection. So try 

s = window.getSelection();
oRange = s.getRangeAt(0); //get the text range
oRect = oRange.getBoundingClientRect();

oRect will be the bounding rectangle in client (fixed) coordinates.

Related questions

Decode & back to & in JavaScript

I have some Javascript code that communicates with an XML-RPC backend. The XML-RPC returns strings of the form: <img src='myimage.jpg'> However, when I use the Javascript to insert the strings into HTML, they render literally. I …

Read More
Change span text?

Possible Duplicate: How do I change the text of a span element in javascript Well, I've searched a lot for the answer to this, but still I couldn't find it. What I did find didn't work. What I'm trying to …

Read More
Extract the text out of HTML string using JavaScript

I am trying to get the inner text of HTML string, using a JS function(the string is passed as an argument). Here is the code: The problem is that nothing gets printed on the console(*content_holder* stays empty). …

Read More