選択したテキストの親要素を取得

Question

ページ内の選択したテキストの親要素を取得できますか？たとえば、次のように

選択したテキストを取得するとき、それは通常のウィンドウまたはドキュメント（ブラウザによって異なります）からそれを取得しますが、選択されたテキストの親要素を取得することも可能ですので

<div class="someparent"> 

Selection of this text should refer to the 'someparent' class. 

<span class="spanparent">If this is selected, the parent should be this span</span> 

</div> 

？

Answer 1

Firefoxでサポートされている複数の範囲が選択されている場合を除いて、すべての主要なブラウザでユーザー選択の全体を含む最も内側の要素を取得する関数は次のとおりです。あまりにもそのような場合に対処するための一例）：

function getSelectionParentElement() { 
    var parentEl = null, sel; 
    if (window.getSelection) { 
     sel = window.getSelection(); 
     if (sel.rangeCount) { 
      parentEl = sel.getRangeAt(0).commonAncestorContainer; 
      if (parentEl.nodeType != 1) { 
       parentEl = parentEl.parentNode; 
      } 
     } 
    } else if ((sel = document.selection) && sel.type != "Control") { 
     parentEl = sel.createRange().parentElement(); 
    } 
    return parentEl; 
} 

Answer 2

私はサファリOSXで10.9