判断用户关闭浏览器-beforeunload事件

用beforeunload事件,在某些浏览器上(chrome、ie、firefox)可以监听到浏览器关闭操作,能够在关闭之前,弹出一个对话框,让用户选择是否关闭。代码如下:

//提示用户是否离开此页面(关闭、刷新或者点击后退等)
window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = '确定离开此页吗?本页不需要刷新或后退';

  (e || window.event).returnValue = confirmationMessage;     // Gecko and Trident
  return confirmationMessage;                                // Gecko and WebKit
});


注意:该对话框只能起到提示、阻止关闭作用,如果用户选择 “YES” 关闭浏览器,我们无法在js中获得回调值。

参见mozilla官方文档:https://developer.mozilla.org/zh-CN/docs/Web/Events/beforeunload


End.

© 2009-2020 Zollty.com 版权所有。渝ICP备20008982号