javascript - 如何获得焦点元素 ()？

Question

我有这样的结构:

<div contenteditable="true">
   <em class="class1">__<em>
   <em class="class2">:<em>
   <em class="class1">__<em>
   <em class="class2">:<em>
   <em class="class1">__<em>
</div>

如何获取焦点的 DOM 或 JQuery 对象 <em> ？
document.activeElement返回将军<div>
window.getSelection().focusNode返回焦点文本 <em>

Answer 1

em 标签实际上应该只用于设置元素文本的样式，并且可以使用 CSS 来实现，效果更佳。话虽这么说，您可以使用如下方式寻找焦点元素:

window.getSelection().focusNode.parentElement; 

这将返回您正在查找的实际 em 元素。您可能可以使用 jQuery 选择器更好地掌握它:

$(window.getSelection().focusNode.parentElement);

这是一个Fiddle