js拖动div 当鼠标移动时整个div也相应的移动

要拖动的div为最外层的div，这段代码对显示对话框的头部绑定鼠标监听事件，当鼠标移动时，整个div也相应的移动，具体的实现如下，感兴趣的朋友可以参考下

HTML代码如下，其中，要拖动的div为最外层的div

复制代码代码如下:

新建用户组

组名称

用户

描述

确　定　　　
取　消

js代码如下,

复制代码代码如下:

 
$("#McreateUserGroup").mousedown(function(e){ 
var flag = true; 
e = e||event; 
var $dialog_createUserGroup = $("#dialog_createUserGroup"); 
var LEFT = e.clientX - parseInt($dialog_createUserGroup.css("left")), 
TOP = e.clientY - parseInt($dialog_createUserGroup.css("top")); 
$(document).mousemove(function (e) { 
e = e || event; 
if (flag) { 
$dialog_createUserGroup.css({ 
"left": e.clientX - LEFT + "px", 
"top": e.clientY - TOP + "px" 
}); 
} 
}); 
$(document).mouseup(function (e) { 
flag = false; 
}); 
}); 