一段关于Drag拖放的PC端代码

//SignIn2 JavaScript Document

$(function(){

var drag = {

startY:0,

endY:0,

moveY:0

};

drag.dragStart = function(e){

//e.preventDefault();

this.startY = e.screenY;

e.dataTransfer.setData("Data", e.target.id);

}

drag.dragEnd = function(e){

//e.preventDefault();

this.endY = e.screenY;

this.moveY = this.endY - this.startY;

if(this.moveY >= 50){

$("ul").animate({marginTop:"160px"});

$.ajax({

async:true,

type:"POST",

url:"1.php",

dataType:"json",

success: function(data){

for(i=0;i<data.length;i++){

$("<li><span>" + data[i].name + "</span><span>1</span><span>2</span><span>3</span></li>").insertAfter($("ul li.th"));

}

$("ul").animate({marginTop:"1em"});

},

error: function(){

console.log("异步错误");

}

});

}

}

$("ul").get(0).addEventListener("dragstart",drag.dragStart,false);

$("ul").get(0).addEventListener("dragend",drag.dragEnd,false);

});