如何獲取選定文本的div？

Question

我有div與contenteditable="true"。如何通過選擇文本獲得div？例如

<div class="md-editor" contenteditable="true"><div class="imustgetthidivbyselecttext">help</div> 

當我選擇文本，如何讓類，它是在div文本？

Answer 1

如果CONTENTEDITABLE = 「真」 的div是父DIV那麼你可以使用下面的代碼

<div class="md-editor" contenteditable="true"><div class="imustgetthidivbyselecttext" onclick='call(this);'>help</div></div> 

function call(id) { 
     alert(id.className); // For current div 
     alert(id.parentElement.className); // For parent div where contenteditable="true" 
    } 

Answer 2

更新：此作品在Chrome中。可能會略有不同的老年IE版本：

window.getSelection().getRangeAt(0).commonAncestorContainer.parentElement; 

小提琴：https://jsfiddle.net/xs36c3a5/

Answer 3

function getSelectedText() { 
 
    var text = ''; 
 
    
 
    if (window.getSelection) { 
 
     text = window.getSelection().toString(); 
 
    } 
 
    else if (document.selection && document.selection.type != "Control") { 
 
     text = document.selection.createRange().text; 
 
    } 
 
    
 
    return text; 
 
}

<div contenteditable="true" style="border: solid 1px black; width: 300px;">hello world</div> 
 
<input type="button" onclick="alert(getSelectedText())" value="Get selected text" />