Getting the parent element of the text near the cursor-Caret

For example:

page has some paragraphs with text:

<p>some text1</p>
<p>some text2</p>
<p>some text3</p>

so the browser will render:

some text1

some text2

some text3

Now, if user places the Caret, lets say on text2 (between 't' and 'e' ,document is in designmode=on), the function should return ref to the second p object.

I think it should be done 开发者_运维技巧using range object...

You need to use the even of the editable box such as focus event and use the this keyword to get it's reference.

Have you considered adding onHover listeners to all the elements you might need to know if the mouse is over? Using jQuery (very basic example)

var currentHover = null;
$('p').hover(function(){
    currentHover = this;
},
function(){
    currentHover = null
});