当前位置: 首页 > 编程笔记 >

如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”

黄意智
2023-03-14
本文向大家介绍如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”,包括了如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”的使用技巧和注意事项,需要的朋友参考一下

一、避免弹出提示框

在网上搜了很多,答案大都是设置window.onbeforeunload=null ,但是试用之后无效。

这个问题放了两天之后返回来再次想,终于找到了答案,在此和大家分享一下:

解除jquery离开页面弹出提(1) 先解除绑定在设置弹出内容为null。


 $(function(){

   $(window).unbind('beforeunload');

   window.onbeforeunload = null;

  })

二、其他相关[摘要]

(1)window的onunload和onbeforeunload事件

以下是指在js中实现,而非 <body onunload="close()"> 这种方法!
因为这样是在unload掉body的时候触发,而无论任何浏览器,都会在关闭的时候unload掉body的!

模型1:


 function close(){ 

 alert("this is a test");

 } 

 window.onbeforeunload=close;

模型2:


 function close(){ 

     if(document.body.clientWidth-event.clientX< 170&&event.clientY< 0||event.altKey) 

     { 

         alert("this is a test");

     }  

 } 

 window.onbeforeunload=close;      


复制代码
关于模型1:
1).刷新,多窗口和单窗口都适合.
2).单窗口ie关闭整个ie触发.
3).ie7多窗口中关闭单页触发
4)其他多窗口刷新触发.关闭单个和关闭整个都不触发

对于模型2:
1).ie单窗口 和ie7多窗口,都要关闭整个浏览器才触发
2).其他多窗口浏览器刷新.关闭单页,关闭整个都不触发

 (2)创建离开提示框

绑定beforeunload事件


 $(window).bind('beforeunload',function(){

     return '您输入的内容尚未保存,确定离开此页面吗?';

 });

解除绑定


 $(window).unbind('beforeunload');

 window.onbeforeunload = null;


以上就是本文所述的全部内容了,希望大家能够喜欢。

 类似资料:
  • 我正在为Facebook编写一个代码,它从属性文件中获取URL、ID、密码,但在登录时,我会被提示“Facebook想要显示通知-允许-阻止”,在登录后我该如何使其如此(a)按ESP或Alt+F4并关闭弹出窗口或(B)查找通知并自行关闭通知。这是我使用的,但它不起作用。感谢任何帮助。

  • 我正在使用java selenium来自动化我的应用程序。我正在下载PDF和解析。在我的应用程序中有多个使用PDF的测试用例。因此,当我下载第一个PDF时,chrome会在浏览器底部显示一个弹出,该文件是用文件名下载的,所以下次当我试图下载第二个PDF时,下载按钮就在这个弹出下面,不能单击下载选项。使用isDisplay方法检查状态,返回false和isEnabled返回true。尝试在另一个窗口

  • 问题内容: 在stackoverflow中,如果您开始进行更改,然后尝试离开该页面,则会显示一个javascript确认按钮并询问:“确定要离开该页面吗?” blee blah bloo … 之前有人实施过此功能,如何跟踪所做的更改?我相信自己可以做到,我正在尝试向您的专家学习良好做法。 我尝试了以下操作,但仍然无法正常工作: 有人可以举一个例子吗? 问题答案: 更新(2017) 现在,现代浏览器

  • 问题内容: 在stackoverflow中,如果您开始进行更改,然后尝试离开该页面,则会显示一个javascript确认按钮并询问:“确定要离开该页面吗?” bleeblah bloo … 之前有人实施过此功能,如何跟踪所做的更改?我相信自己可以做到,我正在尝试向您的专家学习良好做法。 我尝试了以下操作,但仍然无法正常工作: 有人可以举一个例子吗? 问题答案: 更新 现在,现代浏览器认为显示自定义

  • 问题内容: 我正在使用selenium webDriver为一个Web应用程序编写测试,并且遇到一种情况,当我尝试关闭浏览器时,我会弹出一个对话框:“确定吗?”页面要求您确认要离开- 输入的数据将迷路了。” 有2个按钮:“离开页面”和“停留在页面上” 如何单击这些按钮? 问题答案: 为我解决了这个问题

  • 如何显示“您确定要离开页面吗?”当用户实际尝试关闭页面时(单击浏览器窗口或选项卡上的X按钮),而不是当用户尝试离开页面时(单击其他链接)。 我的客户希望在用户尝试关闭页面时显示一条消息:“您确定要离开页面吗?您的购物车中仍有商品。” 不幸的是不会仅在用户关闭页面时触发。 jQuery: