javascript - 动态添加事件到 div

Question

所以我有以下 div:

<div id="mylist">

在这个 div 内，我有另一个要动态创建的 div:

<div id="object3" class="objects" 
  draggable="true"
  ondragstart="drag_start(event)" 
  ondragend="drag_end(event)">
  BWA
</div>

现在我写了一个函数:

function myFunction() {
  var node = document.createElement("div");
  node.className="objects";
  node.draggable= "true";
  var textnode = document.createTextNode("BWA");
  node.appendChild(textnode);
  document.getElementById("mylist").appendChild(node);
}

如何将 ondragstart="drag_start(event)" 和 ondragend=drag_end(event)" 动态附加到我创建的 div 中？

谢谢!

Answer 1

您将需要使用addEventListener() .

node.addEventListener("dragstart", drag_start, false);
node.addEventListener("dragend", drag_end, false);

这假设 drag_start 和 drag_end 函数在正确的范围内声明，并且事件将由您的元素触发。