论坛首页 Web前端技术论坛

js拖动drag实现,只需传入jquery对象以及可选偏移量

浏览 1292 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-09-03  
今天在做gis过程中,需要实现对popup的拖动,所以做了以下实现。


	//绑定drap事件,d为jquery对象,_x_y为偏移量
	var bindDrag = function(d,_x,_y){
		var _canDarg = 0;
		var _oldxy = {x:0,y:0};
		alert(_x+" " +_y);
		if(_x != 0 && _x != undefined){
			_oldxy.x = _x;
		}
		if(_y != 0 && _y != undefined){
			_oldxy.y = _y;
		}
		d.mousedown(function(e){		
			_canDarg = 1;
			if(_oldxy.x == 0){
				_oldxy.x = e.clientX - d.offset().left;
			}
			if(_oldxy.y == 0 ){
				_oldxy.y = e.clientY - d.offset().top;
			}		
		});
		$(document).mousemove(function(e){
			if(_canDarg == 1){
				d.css("position","absolute");
				d.css("left",e.clientX-_oldxy.x);
	    	d.css("top",e.clientY-_oldxy.y);
			}
		});
		$(document).mouseup(function(e){
			if(_canDarg ==1){
				_canDarg = 0;
			}
		});
	};
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics