javascript将元素向下拖动。第一次拖动后跳跃

我写了这段代码，当你点击元素时，上面的元素会调整大小，变大或变小

当我点击它时，它似乎很好地向下拖动了一次，然后再次尝试向下拖动会导致它从屏幕上消失

function pulldown(element){
var puller = document.getElementById(element);
puller.addEventListener("mousedown", function(e){
    var boxStyle = document.getElementById("resizeBox").getAttribute("style");
    var currentSize = (boxStyle.match(/\d+/));
    var ypos = e.clientY;
    var resize = document.getElementById("resizeBox");
    resize.style.height = currentSize;

    function watchPull(e){
        number2 = currentSize + (e.clientY - ypos);
        resize.style.height = number2+"px";
    }
    document.addEventListener("mousemove", watchPull,false);

    document.addEventListener("mouseup", function(e){
        document.removeEventListener("mousemove", watchPull, false);
        number = currentSize + (e.clientY - ypos);
        resize.style.height = number+"px";
    },false)
},false);
}
pulldown("pullDown");

下面是正在发生的事情

（单击“无项目”，然后向下或向上拖动黑线）

解决了它

把我的头发拔出来后，这里就是了

function pullbox() {
var pull;
pull = document.getElementById("pullDown");
pull.addEventListener("mousedown", function (e) {
    e.preventDefault();
    var currentSize = new Number((document.getElementById("resizeBox").getAttribute("style").match(/\d+/)));
    var yClick = e.clientY;
    function mouseMove(e) {
        if(currentSize < 0){
            currentSize = 0;
        }
        e.stopPropagation();
        var newTotalMove = ((e.clientY - yClick) + currentSize);
        document.getElementById("resizeBox").setAttribute("style", "height:" + newTotalMove + "px");
    }
    function mouseUp() {
        document.removeEventListener("mousemove", mouseMove, false);
        document.removeEventListener("mouseup", moseUp, false);
    }
    document.addEventListener("mousemove", mouseMove, false);
    document.addEventListener("mouseup", mouseUp, false);
}, false);
}
pullbox();

函数pullbox（）{
var拉力；
pull=document.getElementById（“下拉”）；
pull.addEventListener（“鼠标向下”，函数（e）{
e、 预防默认值（）；
var currentSize=newnumber（（document.getElementById（“resizeBox”）.getAttribute（“style”）.match（/\d+/）））；
var yClick=e.clientY；
函数mouseMove（e）{
如果（当前大小<0）{
currentSize=0；
}
e、 停止传播（）；
var newTotalMove=（（e.clientY-yClick）+currentSize）；
document.getElementById（“resizeBox”）.setAttribute（“样式”，“高度：”+newTotalMove+“px”）；
}
函数mouseUp（）{
document.removeEventListener（“mousemove”，mousemove，false）；
文件。删除EventListener（“mouseup”，moseUp，false）；
}
文件。添加的文件列表（“mousemove”，mousemove，false）；
文件。添加了监听器（“mouseup”，mouseup，false）；
}，假）；
}
pullbox（）；

---

我自己已经解决了这个问题，我只需要等待回答即可。