欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

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

程序员文章站 2023-12-27 19:45:45
...
HTML代码如下，其中，要拖动的div为最外层的div
复制代码 代码如下:




新建用户组

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



组名称







用 户








描 述










确　定　　　
取　消


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;
});
});

这段代码对显示对话框的头部绑定鼠标监听事件，当鼠标移动时，整个div也相应的移动！js拖动div 当鼠标移动时整个div也相应的移动_javascript技巧

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

相关文章

相关视频

网友评论

文明上网理性发言，请遵守 新闻评论服务协议

我要评论
  • js拖动div 当鼠标移动时整个div也相应的移动_javascript技巧

    • 专题推荐

    相关标签： js拖动div 鼠标移动 div移动

    上一篇：

    下一篇：

    推荐阅读