如何解决为什么克隆会移动而不是原始?
如果单击该框,它将收到“ .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;
}
}
});
解决方法
您的原始元素没有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;
}
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。