在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中添加類活動元素

回答

相關問題