CODEWITHSUNDEEP
javascripthtml
moshe
moshe

Reputation: 11

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...

Upvotes: 1

Views: 227

Answers (2)

Yacoby
Yacoby

Reputation: 55455

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

Upvotes: 0

Sarfraz
Sarfraz

Reputation: 382776

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

Upvotes: 1

Related Questions