Итак, у меня есть следующий 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?
Спасибо!



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вам нужно будет использовать addEventListener ().
node.addEventListener("dragstart", drag_start, false);
node.addEventListener("dragend", drag_end, false);
Это предполагает, что функции drag_start и drag_end объявлены в правильной области и что события будут запускаться вашим элементом.
Замечу, что я мог добиться результата, сделав event.target.appendChild(_(elem_id).cloneNode(true)) Но спасибо!
Возможно, вы захотите поискать события «mouseup» и «mousedown».