javascript - Get XPath of element where caret is present -

javascript - Get XPath of element where caret is present -

how can xpath or element reference of element caret(text editing blinking cursor) present, caret can positioned either mouse click or using keyboard actions.

<div class="pptoutlineviewcontent" contenteditable="true" draggable="false"> <div class="pptoutlineslide_1 slide"> <div class="pptoutlineslidenumber" contenteditable="false">1</div> <div class="pptoutlineslidetitlespan line1">seattle</div> <div class="pptoutlinesubtitle line2">with kodiak west travel</div> </div> <div class="pptoutlineslide_2 slide"> <div class="pptoutlineslidenumber" contenteditable="false">2</div> <div class="pptoutlineslidetitlespan line1">&nbsp;</div> </div> <div class="pptoutlineslide_3 slide"> <div class="pptoutlineslidenumber" contenteditable="false">3</div> <div class="pptoutlineslidetitlespan line1">&nbsp;</div> </div> <div class="pptoutlineslide_4 slide"> <div class="pptoutlineslidenumber" contenteditable="false">4</div> <div class="pptoutlineslidetitlespan line1">&nbsp;</div> </div> <div class="pptoutlineslide_5 slide"> <div class="pptoutlineslidenumber" contenteditable="false">5</div>

suppose caret nowadays on line

<div class="pptoutlineslidetitlespan line1">visit seattle</div> <div class="pptoutlineslidetitlediv line2">before or after</div> <div class="pptoutlineslidetitlediv line3">your cruise alaska!</div> <div class="pptoutlinesubtitle line4">kodiak west travel can help </div> <div class="pptoutlinesubtitle line5">you develop itinerary</div> </div> </div>

for example: if caret nowadays before "visit seattle" on slide 5 line 2, should xpath or element reference of div element.

a document can have 1 activeelement @ time. if there's blinking caret on page, activeelement refers particular element. jquery object can retrieved so: $(document.activeelement), or $( ":focus" ).

javascript jquery html