要将点击事件保存到本地存储中,可以使用JavaScript的localStorage对象。下面是一个代码示例:
HTML部分:
JavaScript部分:
// 获取保存按钮元素
var saveBtn = document.getElementById("saveBtn");
// 添加点击事件监听器
saveBtn.addEventListener("click", function() {
// 从本地存储中获取之前的点击事件数据
var clickEvents = localStorage.getItem("clickEvents");
// 如果之前没有保存过点击事件数据,则创建一个空数组
if (!clickEvents) {
clickEvents = [];
} else {
// 如果之前保存过点击事件数据,则将数据解析为数组
clickEvents = JSON.parse(clickEvents);
}
// 添加当前点击事件到数组中
clickEvents.push(Date.now());
// 将更新后的点击事件数据保存到本地存储中
localStorage.setItem("clickEvents", JSON.stringify(clickEvents));
// 在控制台打印保存的点击事件数据
console.log(clickEvents);
});
以上代码会将每次点击保存到一个数组中,并使用JSON格式将数组保存到本地存储中。你可以在控制台中查看保存的点击事件数据。
下一篇:保存点赞按钮在刷新后的状态