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的子元素
*/热门推荐
1 如何训练狗狗不叫
2 训练狗狗不叫
3 训练狗狗随行
4 怎么训练狗狗不叫
7 训练比熊狗狗教程
10 上海狗狗训练
11 怎么训练狗狗上厕所
12 训练狗狗趴下
13 狗狗服从训练
14 训练狗狗拒食
15 训练狗狗笑
16 训练狗狗大便
17 训练狗狗立
18 训练狗狗捡东西