拖動div功能

前端開發過程中,魏莉操作方便,有時候彈框需要拖動,代碼如下:

function darg(obj){
	  //移動窗口的步驟
	  //1、按下鼠標左鍵
	  //2、移動鼠標
	  obj.mousedown(function(e){
	    var positionDiv = $(this).offset();
	    var distenceX = e.pageX - positionDiv.left;
	    var distenceY = e.pageY - positionDiv.top;
	    $(document).mousemove(function(e){
	      var x = e.pageX - distenceX;
	      var y = e.pageY - distenceY;
	      if(x<0){
	        x=0;
	      }else if(x>$(document).width()-obj.outerWidth(true)){
	        x = $(document).width()-obj.outerWidth(true);
	      }
	      if(y<0){
	        y=0;
	      }else if(y>$(document).height()-obj.outerHeight(true)){
	        y = $(document).height()-obj.outerHeight(true);
	      }
	      obj.css({
	        'left':x+'px',
	        'top':y+'px'
	      });
	    });
	    $(document).mouseup(function(){
	      $(document).off('mousemove');
	    });
	  });
	};  

 

發佈了31 篇原創文章 · 獲贊 4 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章