在内容可编辑中添加类活动元素
Add class active element in contenteditable
我需要将类添加到这个重点元素中。我正在尝试做的是,在使用up/down
箭头键导航时检测哪一行处于活动状态。
实际上我的代码执行该功能,但我不知道如何向这个重点元素添加类。
提前谢谢你!
下面是一个片段:
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>
试试这个:
selectedElement.className += " active";
但不要忘记在每个菜单项上进行迭代,并从另一个菜单项中删除。
相关文章:
- 将js添加到wordpress中以突出显示css活动菜单
- 如何在非活动时间后添加随机输入
- 我正在使用php includes来构建一个多页面网站.使用jquery,我将如何添加一个类"活动的”;添加到
- Fullcalendar-我们可以将自定义数据添加到我们的活动Json数据中吗
- 如果X与Y的href=匹配,则添加class'活动'-jQuery
- 在广告词脚本中添加活动选择器
- 如何根据活动锚点自动将类添加到链接中
- 添加'活动'类添加到主选项卡列表中
- 将“活动”类添加到父元素和子元素
- 如何使用 JavaScript 代码在活动 li 上添加类
- 为什么我的代码无法添加活动
- 如何制作<李>在刷新页面后添加活动的css类
- 添加活动菜单类
- 在用户滚动时为链接中的导航添加活动状态
- AngularJS:为li添加活动效果和悬停效果
- 向当前标题添加活动标题类
- 如何为Wordpress中的链接添加活动css类
- 如何使用YUI asyncRequests追溯性地向代码库添加活动AJAX请求检测
- 添加活动状态锚
- 流星和完整的日历包:我可以'不要在我的日历中添加活动