浏览器选项卡的消息

Question

我想添加一条消息，例如：如果用户离开浏览器选项卡，应该会出现消息“看起来你已经走了……”。当用户返回页面时，将消息更改为“Good to be back”。

有可能做这样的事情吗？

Answer 1

在您的窗口上创建一个eventListener，并使用load 事件，并简单地显示一个警报。

并在您的 window 上创建一个名为 onbeforeunload 的事件（more info about the event)，您在离开页面时会显示警报。

注意：onbeforeunload 在此 sn-p 中不起作用，但请尝试放入您的代码中。

window.addEventListener('load', (event) =>{

    alert("Looks like you are back");

});

window.onbeforeunload = function() {
          alert("Looks like you want to leave");
      };