码迷,mamicode.com
首页 > 移动开发 > 详细

点击移动事件

时间:2016-05-13 11:44:31      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:

// var mov=document.getElementById(‘mov‘);
// var bg=document.getElementById(‘bg‘);
// mov.onmousedown=function(event){
// 	var event=event||window.event;
// 	var disX=event.clientX-mov.offsetLeft;
// 	var disY=event.clientY-mov.offsetTop;
// 	document.onmousemove=function(e){
// 		var e=e||window.event;
// 		var h=e.clientY-disY;
// 		var w=e.clientX-disX;
// 		if(h<bg.offsetTop){
// 			h=bg.offsetTop;
// 		}else if(h+mov.offsetHeight>bg.offsetTop+bg.offsetHeight){
// 			h=bg.offsetTop+bg.offsetHeight-mov.offsetHeight;
// 		}
// 		if(w<bg.offsetLeft){
// 			w=bg.offsetLeft;
// 		}else if(w+mov.offsetWidth>bg.offsetLeft+bg.offsetWidth){
// 			w=bg.offsetLeft+bg.offsetWidth-mov.offsetWidth;
// 		}
// 		mov.style.top=h+‘px‘;
// 		mov.style.left=w+‘px‘;
// 	}
// 	document.onmouseup=function(){
// 		document.onmousemove=null;
// 		document.onmouseup=null;
// 	}
// }

 

点击移动事件

标签:

原文地址:http://www.cnblogs.com/mk2016/p/5486399.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!