在按下后退按钮或 url 条更改时显示退出意图弹出窗口

Question

我已经创建了这个退出意图弹出窗口，当用户从网站区域移动鼠标时会出现该弹出窗口。 我想改变它：

• 当用户单击浏览器中的后退按钮时
• 当尝试更改 url 地址时

   document.addEventListener('DOMContentLoaded', () => {
      document.addEventListener('mouseout', (event) => {
        // Utilizziamo sessionstorage per memorizzare la visita dell'utente
        var FirstVisit = sessionStorage.getItem('fired');
        // Condizione della prima visita
        if (FirstVisit !== '1')
          if (!event.toElement && !event.relatedTarget)
            if (!app.session.user) {
              setTimeout(() => {
                Dontleave();
              }, 1000);
              // La prima visita segna la chiusura della sessione
              sessionStorage.setItem('fired', '1');

谁能帮我？

Answer 1

一个想法是使用浏览器历史记录并添加一个 state 向用户显示消息

history.replaceState(null, document.title, location.pathname + '#!/hereiam');
history.pushState(null, document.title, location.pathname);

window.addEventListener('popstate', function() {
    if(location.hash === '#!/hereiam') {
        history.replaceState(null, document.title, location.pathname);
        alert('win');
    }
}, false);