js 드래그 drag 구현, jquery 대상 및 선택 가능 한 오프셋 만 전송

1048 단어 js drap 드래그
오늘 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;
			}
		});
	};

좋은 웹페이지 즐겨찾기