如何实现离开一个页面时弹出提示

 我来答
百度网友ca5e28e
2018-09-03 · TA获得超过7.7万个赞
知道大有可为答主
回答量:1.1万
采纳率:45%
帮助的人:6289万
展开全部

离开页面确认主要是利用了onbeforeunload事件,当该事件声明为

<body onbeforeunload="return pageBeforeunload(event);">


时(注意是return一个函数),在页面离开时将弹出默认的询问确认窗口, pageBeforeunload()函数只需要返回一个字符串,字符串的内容将显示在该窗口的中间一行,点击OK离开页面,点击Cancel继续停留在当前页面。

该方式具体的代码如下:

<script type="text/javascript">var curElement;function pageBeforeunload(evt){return 'Are you sure you want to leave this page?';}</script>     <body onbeforeunload="return pageBeforeunload(event);">     </body>


另外一种方式是把onbeforeunload声明为:


在该种方式下,将不会弹出系统默认的离开确认对话框,此时可以在pageBeforeunload函数内部,通过调用confirm方法进行确认,这种方式的好处是,即便在用户确认离开页面的时候,也可以进行必要的状态保存操作。此时pageBeforeunload的代码可以写成:

function pageBeforeunload(evt){var confirm = confirm('Are you sure to leave this page?');if(confirm == true){// 添加必要的处理逻辑   }}

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式