在contenteditable中添加类活动元素

我需要为此焦点元素添加类。我试图做的是，检测哪一行是活动的，而用up/down箭头键导航。
其实我的代码做了这个功能，但我不知道如何将类添加到这个聚焦的元素。
预先感谢您！在contenteditable中添加类活动元素

这里是一个片段：

var selectedElement = null; 
 
function setFocus(e) { 
 
    if (selectedElement) 
 
    selectedElement.style.outline = 'none'; 
 

 
    selectedElement = window.getSelection().focusNode.parentNode; 
 
    selectedElement.style.outline = '1px solid #f00'; 
 
}; 
 
document.onkeyup = setFocus; 
 
document.onmouseup = setFocus;

div:focus { outline: none; }

<ul contenteditable="true"> 
 
    <li>The first paragraph</li> 
 
    <li>The second paragraph</li> 
 
</ul>

来源

2016-07-15 Teuta Koraqi

为什么用jQuery标记它？这是纯粹的JavaScript。 – vaso123

对不起，我忘了！ –

> Mozilla的另一个区别是，一旦文档切换到designMode，该特定文档上的所有事件都将被禁用。 http://stackoverflow.com/questions/38395353/add-class-active-element-in-contenteditable – zer00ne

试试这个：

selectedElement.className += " active";

但是不要忘了itarate每个菜单项，并从其他删除。

来源

2016-07-15 11:50:22 vaso123

在contenteditable中添加类活动元素

回答

相关问题