javascript - 如何添加事件选择器

Question

<分区>

Answer 1

正如我在上面的评论中所说，我们在这里所做的是使用 localStorage.setItem 来保存事件链接并使用 localStorage.getItem 来检索他们是值(value)观。然后是 .addEventListner 和 .removeEventListener 以确保单击链接后它会将类 active 添加到我们的链接和 localStorage。

function makeActive(event) {
  event.target.classList.add('active')
  event.target.removeEventListener('click', makeActive)
  localStorage.setItem(event.target.href, 'active')
}


document
  .querySelectorAll('a.link-leftbar:not(.active)')
  .forEach(link => link.addEventListner('click', makeActive))

function setActiveLinksClass() {
  document
    .querySelectorAll('a.link-leftbar')
    .forEach(link => {
      if (localStorage.getItem(link.href) !== null)
        link.classList.add('active')
    })

document
  .addEventListener('DOMContentLoaded', setActiveLinksClass)

如果您不明白这些内容的含义，请查看评论中的链接。