JavaScript перетаскивая элемент вниз.прыгает после первого перетаскивания - PullRequest
Новая
       6

JavaScript перетаскивая элемент вниз.прыгает после первого перетаскивания

0 голосов
/ 10 января 2012

Я написал этот код, что когда вы нажимаете на элемент над элементом, он изменит свой размер, чтобы быть больше или меньше

Когда я нажимаю на него, он, кажется, хорошо спускается один раз, а затем пытается снова спуститься вниззаставляет его исчезать с экрана. 

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

вот что происходит.

http://jsfiddle.net/jamcoupe/4hKg8/ (нажмите «нет элементов», а затем перетащите черную линию внизили выше)

1 Ответ

0 голосов
/ 10 января 2012

Решил!

После того, как выдернул мои волосы вот оно!

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

http://jsfiddle.net/jamcoupe/4hKg8/1/

...