Question

我div contenteditable="true"。如何通过选择文字获取div？例如

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

当我选择文字时，如何获取div文字中的课程？

Answer 1

如果contenteditable =“true”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

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

{{1}}

如何使用选定的文本获取div？

3 个答案: