前端開發過程中,魏莉操作方便,有時候彈框需要拖動,代碼如下:
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');
});
});
};