javascript通用函数

JavaScript拖拽，通用函数

参数：开启拖拽的元素

function drag(obj){
	//当鼠标在被拖拽元素上按下时，开始拖拽  onmousedown
	obj.onmousedown = function(event){
	obj.setCapture && obj.setCapture();
	event = event || window.event;
	//div的偏移量 鼠标.clentX - 元素.offsetLeft
	//div的偏移量 鼠标.clentY - 元素.offsetTop
	var ol = event.clientX - obj.offsetLeft;
	var ot = event.clientY - obj.offsetTop;
	//为document绑定一个onmousemove事件
	document.onmousemove = function(event){
		event = event || window.event;
		//当鼠标移动时被拖拽元素跟随鼠标移动 onmousemove
		//获取鼠标的坐标
		var left = event.clientX - ol;
		var top = event.clientY - ot;
		obj.style.left = left+"px";
		obj.style.top = top+"px";
	};
	//为document绑定一个鼠标松开事件
	document.onmouseup = function(){
		//当鼠标松开时，被拖拽元素固定在当前位置	onmouseup
		//取消document的onmousemove事件
		document.onmousemove = null;
		//取消document的onmouseup事件
		document.onmouseup = null;
		//当鼠标松开时，取消对事件的捕获
		obj.releaseCapture && obj.releaseCapture();
	};
	return false;
};