JavaScript实现离开页面前提示功能【附jQuery实现方法】


Posted in jQuery onSeptember 26, 2017

本文实例讲述了JavaScript实现离开页面前提示功能。分享给大家供大家参考,具体如下:

离开页面前的提示不可以用onunload去做,因为它只是兼容IE,你要兼容Google与FireFox就蛋疼了。

而且这个事件还是关闭之后才会触发的。

取而代之可以用onbeforeunload去实现。

onbeforeunload可以在用户关闭或刷新窗口、或者点击本页内的任何超级链接都会触发的。

其JavaScript代码如下:

<script>
window.onbeforeunload=function(e){
  var e=window.event||e;
  e.returnValue=("确定离开当前页面吗?");
}
</script>

非常简短,一开始利用window.event与e的或,兼容浏览器。

其返回值就是提示信息。

在IE8的效果如下,第一行与最后一行是必须存在的。用户点击“取消”不会发生任何事情,点击“确定”则继续之前的动作。

JavaScript实现离开页面前提示功能【附jQuery实现方法】

在Google Chrome的效果如下,只有最后一行是我们可以控制的,其它都是系统本身就有的东西,不能够被改写。

JavaScript实现离开页面前提示功能【附jQuery实现方法】

野狐禅的效果如下,其提示信息读不出来,我也没办法,谁叫这个浏览器是野狐禅呢?

JavaScript实现离开页面前提示功能【附jQuery实现方法】

这段东西,用JQuery则这样写:

$(window).bind('beforeunload',function(){
  return '提示信息';
  }
);

JQuery1.9自带全浏览器兼容……

希望本文所述对大家JavaScript程序设计有所帮助。

jQuery 相关文章推荐
jQuery编写textarea输入字数限制代码
Mar 23 jQuery
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
JQuery特殊效果和链式调用操作示例
May 13 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
JQuery基于FormData异步提交数据文件
Sep 01 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 #jQuery
jQuery EasyUI开发技巧总结
Sep 26 #jQuery
jQuery 开发之EasyUI 添加数据的实例
Sep 26 #jQuery
JS+jQuery实现注册信息的验证功能
Sep 26 #jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 #jQuery
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 #jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 #jQuery
You might like
PHP.MVC的模板标签系统(一)
2006/09/05 PHP
PHP加速 eAccelerator配置和使用指南
2009/06/05 PHP
php 删除cookie方法详解
2014/12/01 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
firefox和IE系列的相关区别整理 以备后用
2009/12/28 Javascript
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
2013/11/25 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
JavaScript运动框架 链式运动到完美运动(五)
2017/05/18 Javascript
jQuery实现动态添加节点与遍历节点功能示例
2017/11/09 jQuery
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
2019/04/23 Javascript
JavaScript实现商品评价五星好评
2020/11/30 Javascript
[03:19]2016国际邀请赛中国区预选赛第四日TOP10镜头集锦
2016/07/01 DOTA
python验证码识别的示例代码
2017/09/21 Python
Python扩展内置类型详解
2018/03/26 Python
TensorFlow用expand_dim()来增加维度的方法
2018/07/26 Python
使用Python和Scribus创建一个RGB立方体的方法
2019/07/17 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
Django框架模板用法入门教程
2019/11/04 Python
python中栈的原理及实现方法示例
2019/11/27 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
Python爬虫UA伪装爬取的实例讲解
2021/02/19 Python
自荐信的两点禁忌
2013/10/30 职场文书
校园报刊亭的创业计划书
2014/01/02 职场文书
雏鹰争章活动总结
2014/05/09 职场文书
体育之星事迹材料
2014/05/11 职场文书
小学优秀辅导员事迹材料
2014/05/11 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
2014年减负工作总结
2014/12/10 职场文书
考试后的感想
2015/08/07 职场文书
2016大学生形势与政策心得体会
2016/01/12 职场文书
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python