js拖曳div 當滑鼠移動時整個div也對應的移動_javascript技巧

HTML程式碼如下，其中，要拖曳的div為最外層的div

複製程式碼 程式碼如下:

新建使用者群組

群組名稱




  span>


用   戶

 


描   述









確定 a>　　　
取消

js程式碼如下,

複製程式碼 程式碼如下:

$("#McreateUser( ").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).mousemovefunction 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;
});
});

這段程式碼對顯示對話框的頭部綁定滑鼠監聽事件，當滑鼠移動時，整個div也相應的移動！