选择div中的当前元素

时间:2017-10-09 19:54:11

标签: javascript html contenteditable

我有一个将contenteditable设置为true的div。我需要在用户所在的<p>元素中添加一个类。问题是contenteditable在写入时会生成大量<p>元素。如何仅将类添加到用户所在的<p>元素?

提前致谢

2 个答案:

答案 0 :(得分:1)

您应使用selection

此代码将为您提供插入符号所在的元素:

var selObj = window.getSelection(); 
var element = selObj.focusNode.parentElement;

现在由你来决定如何使用该元素。

答案 1 :(得分:0)

我认为以下方法应该有效 -

HTML

<html>
  <div class="div1" contenteditable=true>
    Div1
  </div>
</html>

JS

document.onkeyup = 
function addClassOnElem(e)
{
  alert(e.target)
  //get the current element or parents here
  e.target.className = "div2"
}