为什么动态创建的元素与Dragstart事件返回undefined？

Question

以下代码创建新元素并将dragstart事件归于此。然而，它导致“未定义”。 我做错了什么？

    for (var S = 0; S < arrInbound[i][3].length; S++){      
        var namesDiv = document.createElement('div');
        namesDiv.id = S;
        namesDiv.draggable = 'true';
        namesDiv.contenteditable = 'true';
        namesDiv.className = "crewNames";
        namesDiv.ondragstart = function(){dragStart(event)
            if(event.target.type=="range")event.preventDefault();
            event.dataTransfer.setData("Text", event.target.id);
            console.log("Dragging...");
        };
        namesDiv.onclick = function(){alert("ytry");};
        namesDiv.innerHTML = arrInbound[i][3][S];
        tagElRight.appendChild(namesDiv)        
    }