html 跟踪用户何时单击本地存储中的按钮

ztmd8pv5  于 2022-12-02  发布在  其他
关注(0)|答案(1)|浏览(127)

我正在用不同的API做一个基本的新闻网站。我想在本地存储中跟踪用户点击和阅读的新闻文章。目前它不跟踪我点击link-btn的时间,而是跟踪我重新加载网站的时间。
脚本中的最后一段代码应该是跟踪用户点击不同文章的代码。我知道如果我只点击1 btn/文章,如何使它跟踪,但当有多篇文章时,我如何跟踪呢?
第一个

ghg1uchk

ghg1uchk1#

这个工作片段使用了一个名为storedStuff的变量作为local storage的代理(因为存储在这里不起作用)。
为了将文章添加到存储中,函数必须知道文章被点击的时间。代码片段通过一个click事件侦听器来实现这一点,该侦听器将相关文章的ID传递给函数(可以传递任何属性、值或innerText或HTML)。
该函数接收ID信息作为参数,并将其存储。存储的JSON的parsed版本可以通过迭代存储数组来处理,其存储值可以根据您的需要使用(在本例中显示累积存储的控制台消息)
第一个
为了将这个原则应用到你的例子中,函数需要接收一个参数,这个参数是通过函数调用从附加到每个项目的事件侦听器发送的。你修改后的函数应该是:

const userArticles = (id) => {
  let userArticles = localStorage.getItem("userArticles");
  if (userArticles == null) {
    userArticlesObj = [];
  } else {
    userArticlesObj = JSON.parse(userArticles);
  }
  userArticlesObj.push(id);
  localStorage.setItem("userArticles", JSON.stringify(userArticlesObj));
}

相关问题