解决mouseup失效方法:
1、阻止默认事件:
if(e.stopPropagation) e.stopPropagation();
if(e.preventDefault) e.preventDefault();
e.cancelBubble=true;
e.returnValue=false;
2、在事件最后添加return false;
3、mousemove和mouseup必须挂载在document。
$(ele).mousedown(function(e){
if(e.stopPropagation) e.stopPropagation();
if(e.preventDefault) e.preventDefault();
e.cancelBubble=true;
e.returnValue=false;
// 获取鼠标离元素(0,0)位置的距离
var positionDiv = $(this).offset();
//offset 元素的偏移坐标 有两个属性:top left(对显示的元素有用)
var distenceX = e.pageX;
//page 显示鼠标指针的位置 (此时相当于,鼠标按下的初始值)
var distenceY = e.pageY;
// 鼠标移动
$(document).mousemove(function(e){
// 获取鼠标的位移(鼠标此时的page值 - 鼠标按下时的初始值 = 元素的移动值)
var x = e.pageX - distenceX;
var y = e.pageY - distenceY;
if(x<0){
x=0;
}else if(x>$(document).width()-$(ele).outerWidth(true)){
x = $(document).width()-$(ele).outerWidth(true);
}
if(y<0){
y=0;
}else if(y>$(document).height()-$(ele).outerHeight(true)){
y = $(document).height()-$(ele).outerHeight(true);
}
$(ele).css({
'left':x+'px',
'top':y+'px'
})
})
// 鼠标抬起
$(document).mouseup(function(e){
$(document).unbind('mousemove');
$(document).unbind('mouseup');
})
return false;
})