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函数是在正确的范围内声明的，并且事件将由您的元素触发。

动态将事件添加到div

1 个答案: