Javascript 自定义div使用奇怪的行为调整大小

当鼠标单击div并开始拖动时，另一个绝对div构建在顶部。 但是当我减小宽度和高度时，div会闪烁。 我注意到最初的css比例“顶部”和“左侧”导致了这种情况

带有“顶部”和“高度”！=0

顶部：0，左侧：0

这是错的吗？我错过什么了吗

$(selection_div).width(e.offsetX - xDown)
$(selection_div).height(e.offsetY - yDown)

---

我不知道为什么，但

event.offsetX

不可靠

我已通过分别收听

mousedown

、

mousemove

和

mouseup

解决了您的问题：

 $('#container').on('mousedown', function(mde){
        $('#container').on('mousemove', function(mme){
            $(selection_div).width(mme.pageX - mde.pageX)
            $(selection_div).height(mme.pageY - mde.pageY)
        });
        $('#container').on('mouseup', function(mue){
            $('#container').off('mousemove');            
        });                    
    });

---

此处演示：

我不知道为什么，但

事件。offsetX

不可靠

我已通过分别收听

mousedown

、

mousemove

和

mouseup

解决了您的问题：

 $('#container').on('mousedown', function(mde){
        $('#container').on('mousemove', function(mme){
            $(selection_div).width(mme.pageX - mde.pageX)
            $(selection_div).height(mme.pageY - mde.pageY)
        });
        $('#container').on('mouseup', function(mue){
            $('#container').off('mousemove');            
        });                    
    });

此处演示：