自定义div调整大小与奇怪的行为

Question

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

“top”和“height”！= 0 http://jsfiddle.net/mCupS/

上：0和左：0 http://jsfiddle.net/mCupS/1/

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

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

Answer 1

我不知道为什么，但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');            
        });                    
    });

在这里演示：http://jsfiddle.net/mCupS/2/