Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在本地存储中保存单击事件_Javascript - Fatal编程技术网

Javascript 在本地存储中保存单击事件

Javascript 在本地存储中保存单击事件,javascript,Javascript,是否可以在不使用库的情况下将此事件保存在本地存储中 我在stackoverflow和使用jQuery的internet上看到了一些解决方案,但这并不是我所需要的,我无法转换 const click=document.querySelector(“.click”) const content=document.querySelector(“.content”) click.addEventListener(“click”,function()){ if(content.classList.con

是否可以在不使用库的情况下将此事件保存在本地存储中

我在stackoverflow和使用jQuery的internet上看到了一些解决方案,但这并不是我所需要的,我无法转换

const click=document.querySelector(“.click”)
const content=document.querySelector(“.content”)
click.addEventListener(“click”,function()){
if(content.classList.contains(“活动”)){
content.classList.remove(“活动”)
}
否则{
content.classList.add(“活动”)
}
})
.content{
显示:无;
}
.主动{
显示:块;
}

点击我
嘿

使用类似以下内容:

window.onload = function () {
  if (localStorage && localStorage.getItem("active") && localStorage.getItem("active") === "yes")
    content.classList.add("active");
};
以下是完整的代码段(代码段不起作用,因为堆栈溢出中不允许使用
localStorage
):

const click=document.querySelector(“.click”);
const content=document.querySelector(“.content”);
click.addEventListener(“click”,函数(){
if(content.classList.contains(“活动”)){
content.classList.remove(“活动”);
if(本地存储)
setItem(“活动”、“否”);
}否则{
content.classList.add(“活动”);
if(本地存储)
setItem(“活动”、“是”);
}
});
window.onload=函数(){
if(localStorage&&localStorage.getItem(“活动”)&&localStorage.getItem(“活动”)=“是”)
content.classList.add(“活动”);
};
正文{
背景色:#fff;
}
.内容{
边框:2px虚线#e0;
宽度:100px;
文本对齐:居中;
线高:2.5;
边缘底部:15px;
}
.content.active{
边框颜色:#f00;
}
你好!

点击我保存什么?它是活跃的吗?设置一个变量。“香草JavaScript”不是一件事。它被称为“JavaScript”或“没有库的JavaScript”,或者,如果必须的话,“核心JavaScript”。如果你想知道JavaScript能做些什么,这是一个搜索的好地方。请清楚地问你的问题。香草JavaScript很好。现在巧克力javascript是JSON.stringify(object)和JSON.parse(str)的另一个故事;