当前位置: 代码迷 >> Web前端 >> 缴获页面的关闭事件
  详细解决方案

缴获页面的关闭事件

热度:26   发布时间:2012-09-14 11:53:44.0
截获页面的关闭事件

想法来源

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

?

实现要素与难点

l? onbeforeunload

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

l? Onunload

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

?

最终实现思路

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

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

?

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

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

?

l? 在不需要重新载入的页面中添加 onbeforeunloadonunload 事件。

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

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

?

遗留问题

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

  相关解决方案