如何更改拖放项目的本地存储位置?



我有一个简单的拖放系统,当输入一个项目时,它会创建一个带有" value "的localstorage对象。关键。如果我用拖放事件替换这个添加的项,则会创建一个新的localstorage元素,并带有"other";键并保存在那里,但我希望它从"value"中删除部分。我怎样才能做到这一点呢?您可以查看codependency演示以进行试用。Codepen: https://codepen.io/BerkayAkgurgen/pen/ExNbZGo//以上代码仅与本地存储有关,完整代码在codepen帐户


function getLocalStorage() {
let value;
if (localStorage.getItem('value') === null) {
value = [];
} else {
value = JSON.parse(localStorage.getItem("value"))
}
return value;
}
function addToLocalStorage(paragraph) {
let value = getLocalStorage();
value.push(paragraph);

localStorage.setItem("value", JSON.stringify(value))
}
function changeAddToStorage(value) {
localStorage.setItem("other", JSON.stringify(value))
}
function dragStart(element) {
element.classList.add('draggable')
}
function dragEnd(element) {
drags.forEach(function (item) {
if (item.classList.contains('box-2')) {
changeAddToStorage(element.innerHTML)
}
})
element.classList.remove('draggable')
}

要从"value"中删除项,在替换项时调用localStorage.removeItem("value")

function changeAddToStorage(value) {
localStorage.removeItem("value")   // remove "value"
localStorage.setItem("other", JSON.stringify(value))  // save in "other"
}

相关内容

  • 没有找到相关文章

最新更新