Wie wird man mit ausgewähltem Text div?

Question

Ich habe div mit contenteditable="true". Wie bekommt man div durch Auswahl von Text? Zum Beispiel

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

Wenn ich Text auswählen, wie Klasse zu erhalten, die in div Text ist?

Answer 1

Wenn contenteditable = "true" div ist Elternteil div dann können Sie unter Code verwenden

<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

Update: Das funktioniert in Chrome. Könnte in älteren IE-Versionen etwas anders:

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

Fiddle: 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" />