function move(Box){
if(getcookie("_Left")!==undefined){
Box.style.left=getcookie("_Left");
Box.style.top=getcookie("_Top");
}
Box.onmousedown=function(e){
var evt =e ||event;
var x =evt.offsetX;
var y =evt.offsetY;
document.onmousemove=function(e){
var evt =e ||event;
Box.style.left=evt.clientX-x+"px";
Box.style.top=evt.clientY-y+"px";
if(evt.clientX-x<=0){
Box.style.left="0px";
}else if(evt.clientX-x>=document.documentElement.clientWidth-Box.offsetWidth){
Box.style.left=document.documentElement.clientWidth-Box.offsetWidth+"px";
}
if(evt.clientY-y<=0){
Box.style.top="0px";
}else if(evt.clientY-y>=document.documentElement.clientHeight-Box.offsetHeight){
Box.style.top=document.documentElement.clientHeight-Box.offsetHeight+"px";
}
}
document.onmouseup=function(){
document.onmousemove=null;
var Leftvalue=Box.style.left;
var Topvalue=Box.style.top;
var _Top=evt.clientX-x;
var _Left=evt.clientY-y;
setcookie("_Left",Leftvalue,7);
setcookie("_Top",Topvalue,7);
}
}
}
原生js拖拽,带cookie
猜你喜欢
转载自blog.csdn.net/namechenfl/article/details/81112631
今日推荐
周排行