点击移动事件

// 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;
// 	}
// }
原文地址:https://www.cnblogs.com/mk2016/p/5486399.html