将draggable和ondragstart添加到execCommand创建的范围

Question

我如何将draggable和ondragstart属性添加到此execCommand创建的范围内？

结果应该是这样的

<span draggable="true" ondragstart="drag(event)"> <span>

这是execCommand

function color(){
  document.execCommand('styleWithCSS', false, true);
  document.execCommand('foreColor', false, "#9900cc");
}

所有解决方案必须使用Native Javascript no Jquery。

先谢谢。

Answer 1

我想出来了。
我添加了这个以获得跨度。

 window.getSelection().focusNode.parentNode 

然后设置我的属性。

全功能

 function color(){
 document.execCommand('styleWithCSS', false, true);
 document.execCommand('foreColor', false, "#9900cc");
 var selectedElement = window.getSelection().focusNode.parentNode;
 selectedElement.setAttribute("draggable", 'true');
 selectedElement.setAttribute("ondragstart", 'drag(event)');
 }