为什么克隆人在移动而不是原创？

Question

科德芬

如果我单击该框，它将收到类".selected“。如果我按下"x“键，它就会创建自己的克隆。如果按下键盘上的“向上”箭头，克隆人就会向上移动。但是为什么原来的广场不向上移动呢？

body.addEventListener("keydown", function (event) {
    if (event.keyCode === 38) { // up
        var allSelected = document.querySelectorAll(".selected");
        for (var i = 0; i < allSelected.length; i++) {
            var currentPos = allSelected[i].style.top;
            var newPos = currentPos.slice(0, -2) // remove px
            newPos = parseInt(newPos); // make int
            newPos -= 30;
            newPos = newPos + "px";
            allSelected[i].style.top = newPos;
        }
    }
});

Answer 1

您的原始元素没有style.top，因此newPos是"NaNpx“。

body.addEventListener("keydown", function (event) {
    if (event.keyCode === 38) { // up
        var allSelected = document.querySelectorAll(".selected");
        for (var i = 0; i < allSelected.length; i++) {
            var currentPos = allSelected[i].style.top;

             if(!currentPos) {
                currentPos = allSelected[i].offsetTop + 'px';
             }

            var newPos = currentPos.slice(0, -2) // remove px
            newPos = parseInt(newPos); // make int
            newPos -= 30;
            newPos = newPos + "px";
            allSelected[i].style.top = newPos;
        }
    }
});