jq 拖拽

原创 韩秀利 随笔 jQery 262阅读 2018-06-08 10:32:43 举报

$('.box').on('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() - $('.box').outerWidth(true)) {
x = $(document).width() - $('.box').outerWidth(true);
}
if (y < 0) {
y = 0;
} else if (y > $(document).height() - $('.box').outerHeight(true)) {
y = $(document).height() - $('.box').outerHeight(true);
}
$('.box').css({
'left': x + 'px',
'top': y + 'px'
});
});
$(document).mouseup(function() {
$(document).off('mousemove');
});
return false;
});

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复