截获页面的关闭事件

想法来源

在icbc的网银中发现，无论通过什么方式关闭网银页面，系统均会发出系统关闭的提示。

 

实现要素与难点

l  onbeforeunload

通过window的onbeforeunload可以截获到页面重新载入的事件，但是页面关闭、页面刷新、页面跳转都会触发此事件，无法确定是否关闭动作。此事件还可以阻止事件的执行。

l  Onunload

此事件触发在onbeforeunload之后。通过window的Onunload可以截获到页面重新载入的事件，但是页面关闭、页面刷新、页面跳转都会触发此事件，无法确定是否关闭动作。而且此事件无法阻止事件的执行。

 

最终实现思路

l  通过集合框架（frameset）将系统运行中需要重新载入的页面和不需要重新载入的页面区分开。

如果系统中的页面都是需要重新载入的，咱们可以自己定义一个不需要重新载入的页面放到frameset中，并将此页面容器frame的高度、宽度均设置为0（即不占用页面空间）。

 

l  禁用页面的整体重新载入。

具体参见 页面右键动作禁用

 

l  在不需要重新载入的页面中添加 onbeforeunload和onunload 事件。

可以在onbeforeunload事件中发出提示让用户确认是关闭页面否为意外事件。

可以在 onunload 事件中调用系统接口释放系统资源（如session）。

 

遗留问题

l  onbeforeunload 事件中的提示信息对话框只能用系统默认的，不能自定义。