javascript - 如何在网页刷新页面后保留通知点击事件？

Question

function sendNotification (title = 'Hi') {
  var a = new Notification(title, {
    requireInteraction: true,
    renotify: true,
    tag: 123,
  })

  a.onclick = function () { // Click event will lose after refresh
    console.log('get')  
  }
}

if (!("Notification" in window)) {
  alert("not support");
}

else if (Notification.permission === "granted") {
  // If it's okay let's create a notification
  sendNotification()
}

else if (Notification.permission !== 'denied') {
  Notification.requestPermission()
  .then(
    permission => {
      if (permission === "granted") {
        sendNotification()
      }
    }
  )
}

上面的代码会创建一个通知并保持通知不会​​消失。当我点击通知时会记录123，但是刷新页面后我丢失了点击事件的通知和变量a。

为了测试方便，我添加了鉴权，你可以将代码复制到浏览器控制台调试。

Answer 1

试试下面的代码:

document.onload = function(){
    a.onclick = function () {
      console.log(123)
    }
};