刷新网页后如何保持通知点击事件？

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)
    }
};