Lấy phần tử gốc của văn bản đã chọn

Question

Có thể lấy phần tử gốc của văn bản đã chọn trong trang không? Ví dụ:

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

Vì khi nhận được văn bản đã chọn, thường lấy từ cửa sổ hoặc tài liệu (tùy thuộc vào trình duyệt) nhưng có thể lấy yếu tố gốc của văn bản đã chọn không?

Answer 1

Đây là một hàm sẽ giúp bạn có được phần tử trong cùng chứa toàn bộ lựa chọn người dùng trong tất cả các trình duyệt chính (trừ khi nhiều phạm vi được chọn, chỉ được hỗ trợ trong Firefox. Ví dụ để đối phó với trường hợp đó quá):

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

tôi muốn đề nghị sử dụng này

window.getSelection().anchorNode.parentElement 

tôi đã thử nghiệm trong safari OSX 10.9