博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
可拖动面板
阅读量:4935 次
发布时间:2019-06-11

本文共 1273 字,大约阅读时间需要 4 分钟。

 

js

dragFunc: function (id) {                var titile = $('#' + id);                var parent = titile.parent();                var isDown = false;                var startx = 0;                var starty;                var startLeft;                var startTop;                titile.mousedown(function (e) {                    isDown = true;                    startx = e.clientX;                    starty = e.clientY;                    startLeft = parseInt(parent.offset().left);                    startTop = parseInt(parent.offset().top);                });                $(document).mousemove(function (e) {                    titile.css('cursor', 'move');                    if (isDown) {                        parent.offset({                            left: e.clientX - (startx - startLeft),                            top: e.clientY - (starty - startTop)                        });                    }                });                titile.mouseup(function () {                    isDown = false;                });            }

  

* 绑定鼠标移动事件到 document上 

为什么:

这个我也写过拖动的  遇到和你一样的情况 

 确实是div不能绑定mousedown 或者mouse什么的事件  只能是整个页面绑定  ,许多网上的教程例子都没有绑定div层的。
绑定在div上 鼠标移出div层 事件就消失了,绑定document 也就是整个页面都有这个事件。

转载于:https://www.cnblogs.com/hfultrastrong/p/10602018.html

你可能感兴趣的文章