如何在创建的span中动态添加ondrag事件?

Question

初学javascript，不好意思我的英文不好

我从HTML调用getpb()，这就是我想要的

<span id="drag1" title="teeth" draggable="true" ondragstart="dragThis(event)">my teeth</span>

这是我的，我访问数组，我将for循环设置为10而不是数组长度

function getpb(){
j=1;
var pbdiv = document.getElementById("pickBox");
for (var i=0; i<10;i++)
{
var elem = document.createElement("span");
document.getElementById("pickBox").appendChild.elem;
elem.id = [j];
elem.title = "teeth";
elem.draggable = "true"; 
elem.ondrag ? does not work
elem.innerHTML = "my teeth";
console.log(elem);
pbdiv.appendChild(elem);
i++;
j++;
}
}

Answer 1

你就快成功了。你只需要在这里添加ondragstart事件

function dragThis(event){
//TODO: Add your logic here
console.log('dragging')
console.log(event.target.id)
}
function getpb(){
j=1;
var pbdiv = document.getElementById("pickBox");
for (var i=0; i<10;i++)
{
var elem = document.createElement("span");
document.getElementById("pickBox").appendChild.elem;
elem.id = [j];
elem.title = "teeth";
elem.draggable = "true"; 
elem.ondragstart = dragThis
elem.innerHTML = "my teeth";
pbdiv.appendChild(elem);
i++;
j++;
}
}
getpb()

<div id="pickBox">
</div>