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 新进单位敬酒祝福语简短