如何在创建的跨度中动态添加 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>