Получить XPath элемента, в котором присутствует курсор

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

Как я могу получить xpath или ссылку на элемент элемента, в котором присутствует курсор (мигающий курсор для редактирования текста), курсор может быть установлен либо щелчком мыши, либо с помощью действий с клавиатуры.

 <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">amp;nbsp;</div>

</div>

<div class="PPTOutlineSlide_3 Slide">
    <div class="PPTOutlineSlideNumber" contentEditable="false">3</div>
    <div class="PPTOutlineSlideTitleSpan line1">amp;nbsp;</div>
</div>

    <div class="PPTOutlineSlide_4 Slide">
    <div class="PPTOutlineSlideNumber" contentEditable="false">4</div>
    <div class="PPTOutlineSlideTitleSpan line1">amp;nbsp;</div>
</div>

<div class="PPTOutlineSlide_5 Slide">
    <div class="PPTOutlineSlideNumber" contentEditable="false">5</div>
  

предположим, что курсор присутствует в этой строке

     <div class="PPTOutlineSlideTitleSpan line1">Visit Seattle</div> 

    <div class="PPTOutlineSlideTitleDiv line2">Before or After</div>
    <div class="PPTOutlineSlideTitleDiv line3">Your Cruise to Alaska!</div>
    <div class="PPTOutLineSubtitle line4">Kodiak West Travel Can Help </div>
    <div class="PPTOutLineSubtitle line5">You Develop Your Itinerary</div>
</div>  
</div>
  

Например: если курсор присутствует перед «Посетить Сиэтл» на слайде 5, строка 2, я должен получить ссылку на xpath или элемент этого элемента div.

Комментарии:

1. чем каретка отличается от других элементов.

Ответ №1:

Документ может иметь один activeElement в данный момент. Если на странице есть мигающий курсор, activeElement это относится к этому конкретному элементу. Объект jQuery может быть извлечен следующим образом: $(document.activeElement) , или $( ":focus" ) .