檢測通知彈出窗口被取消按鈕 - Javascript - Chrome

Question

我正在嘗試在網站上實現基於 web 的推送通知。 到目前為止，一切正常。 我正在為一些小錯誤而煩惱。

用戶流程如下：用戶喜歡的廣告 -> 自制彈出窗口出現在疊加層上 -> 用戶接受接收消息 -> Chrome 顯示通知彈出窗口。

彈出窗口顯示三個選項阻止、允許和取消（右上角 X）

• 阻止 => notification.perimission = '拒絕'
• 允許 => notification.permission = 'granted'
• 取消 => 什么都不做只是隱藏彈出窗口

處理“允許”和“阻止” function 是合乎邏輯的。 但是此時，當用戶按下取消按鈕時，疊加層仍保留在屏幕上。 用戶必須在屏幕上再按一次才能移除覆蓋。

我想檢測是否按下了取消按鈕或隱藏了 chrome 彈出窗口。

有人對此有解決方案嗎？

Answer 1

Notification.requestPermission().then(res => console.log(res))

// 在控制台中，您將看到消息“默認”，這是按下取消按鈕時的情況