javascript实现的元素拖动函数宿主为浏览器
//宿主为浏览器
//将相应的元素对象的引用传到函数中
functioncandrag(drager){
drager.onmousedown=function(down){
varoffx=drager.offsetLeft
varoffy=drager.offsetTop;
varoffxl=down.clientX-offx;
varoffyl=down.clientY-offy;
window.condition=0;//为window添加了condition属性，用于解决和click之间的矛盾
document.onmousemove=function(move){
drager.style.left=move.clientX-offxl+"px";
drager.style.top=move.clientY-offyl+"px";
drager.style.cursor="move";
condition=Math.abs(move.clientX-down.clientX)+Math.abs(move.clientY-down.clientY);
}
}
drager.onmouseup=function(){
document.onmousemove=null;
draggerr.style.cursor="auto";
}
}
/*对于和click之间的矛盾解决，需要判断condition
*例如：
candrag(dragger);
d01.onclick=function(){
if(!condition){
d01.style.backgroundColor="red";
}
}
*其中，d01为dragger的子元素
*/热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语