标题:如何避免不小心关掉web浏览器窗口 出处:沧海一粟 时间:Mon, 16 Oct 2006 14:50:16 +0000 作者:jed 地址:http://www.dzhope.com/post/138/ 内容: 前段时间,一直在做web项目,总是出现一个问题:用户输入了一些内容后,不小心关掉了浏览器窗口,或是跳转到了其它页面,没有任何的提示,但是数据就没有了,其实跳转还好办,难就难在关闭浏览器时要给出一个提示,很是头痛,上网查了很多东东,但都没有结果,,很是郁闷。 今天无意识的在关闭一篇没有写完的随笔时,突然发现有“如果不保存就会丢失内容”的提示。很是激动。就查看了原文件,虽然很多乱码,但好在还有一部分可读的,终于让我发现了onbeforeunload事件 ,,很是开心。在BlogJava中,它是这样用的: 这样每次关闭浏览器窗口或涮新页面时,都要触发onbeforeunload这个事件,这样可以对用户进行提示,避免不必要的遗憾。 我上网又查了一些这个事件的用法,感觉还是http://www.surfchen.org/?p=54这篇写得最清楚了,摘抄如下: onbeforeunload事件: 注:三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。 用法: object.onbeforeunload = handler 描述: 事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。 handler可以设一个返回值作为该对话框的显示文本。 触发于: 关闭浏览器窗口 通过地址栏或收藏夹前往其他页面的时候 点击返回,前进,刷新,主页其中一个的时候 点击 一个前往其他页面的url连接的时候 调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit. 当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。 重新赋予location.href的值的时候。 通过input type=”submit”按钮提交一个具有指定action的表单的时候。 可以用在以下元素: BODY, FRAMESET, window 平台支持: IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+ Generated by Bo-blog 2.1.1 Release