有没有大神用HTML5，拖拽DnD，传过id之外的值，比较想传一些自定义的值，用于和后台互动

Question

//html 代码。。。不能出现div
class="file-item ng-scope" type-data="1" id-data="21"
draggable="true" ondragstart="drag(event,this)"
ondrop="drop(event)" ondragover="allowDrop(event)"
想在拖拽时传递type-data， id-data

function drag(ev)
{
var id = $(this).attr('id-data');
// ev.dataTransfer.setData("Text",ev.target.id);
console.log(id);
}

function allowDrop(ev)
{
ev.preventDefault();
}


function drop(ev)
{
ev.preventDefault();
  var id = $(this).attr('id-data');
// var data=ev.dataTransfer.getData("Text");
console.log(id);
// ev.target.appendChild(document.getElementById(data));
}

Answer 1

 function drag(ev,el)//你传递了参数干嘛不加参数名？this对象为window，不是当前的dom，不要乱用this
{
var id = $(el).attr('id-data');//////////
// ev.dataTransfer.setData("Text",ev.target.id);
console.log(id);
}