JS区分浏览器页面是刷新还是关闭

JS如何区分浏览器页面是刷新还是关闭是一个比较常见的问题。具体实现方法一般是通过事件监听，监听两种事件：beforeunload和unload。

JS如何区分浏览器页面是刷新还是关闭是一个比较常见的问题。具体实现方法一般是通过事件监听，监听两种事件：beforeunload和unload。

beforeunload事件

当页面即将刷新或关闭时，会触发beforeunload事件。在事件处理函数中，我们可以添加一些操作，比如弹出确认框，让用户确认是否要离开页面。

示例1：弹出确认框

window.addEventListener('beforeunload', function(event){
  event.preventDefault();
  event.returnValue = '';
});

在这个示例中，我们在beforeunload事件处理函数中，阻止默认的弹出框，替换为我们自己的弹出框。当用户点击确认离开或取消时，页面会根据相应的返回值判断是刷新还是关闭。

unload事件

当页面已经被关闭或刷新时，会触发unload事件。在事件处理函数中，我们可以添加一些操作，比如向后台发送一些数据，保存一些信息。

示例2：向后台发送请求

window.addEventListener('unload', function(event){
  let xhr = new XMLHttpRequest();
  xhr.open('GET', 'http://example.com/saveData?id=123', false);
  xhr.send();
});

在这个示例中，我们在unload事件处理函数中，向后台发送请求，保存用户的一些数据。

需要注意的是，以上两种事件在不同浏览器上可能会有一些差异，如果需要兼容多种浏览器，可以使用jQuery等库进行封装。同时，在beforeunload事件处理函数中，需要返回一个字符串表示确认离开或取消，这个操作在不同浏览器上也会有一些差异。