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滚动插件scrollable.js用法分析
May 25 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
jQuery实现简单的回到顶部totop功能示例
Oct 16 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
JQuery属性操作与循环用法示例
May 15 jQuery
jquery轻量级数字动画插件countUp.js使用详解
Oct 17 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
福利彩票幸运号码自动生成器
2006/10/09 PHP
PHP cURL初始化和执行方法入门级代码
2015/05/28 PHP
php判断表是否存在的方法
2015/06/18 PHP
php文件上传、下载和删除示例
2020/08/28 PHP
Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5的过程详解
2020/10/20 PHP
不用ajax实现点击文字即可编辑的方法
2007/12/16 Javascript
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
JavaScript之引用类型介绍
2012/08/10 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
js HTML5 Ajax实现文件上传进度条功能
2016/02/13 Javascript
浅析$(function) ready和onload 的区别
2016/09/03 Javascript
AngularJS中的Promise详细介绍及实例代码
2016/12/13 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
详解nodejs express下使用redis管理session
2017/04/24 NodeJs
用Webpack构建Vue项目的实践
2017/11/07 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
2017/12/26 Javascript
vuex vue简单使用知识点总结
2019/08/29 Javascript
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
详解Python的Django框架中manage命令的使用与扩展
2016/04/11 Python
基于Python闭包及其作用域详解
2017/08/28 Python
Python入门之后再看点什么好?
2018/03/05 Python
python爬虫selenium和phantomJs使用方法解析
2019/08/08 Python
django写用户登录判定并跳转制定页面的实例
2019/08/21 Python
基于Python 的语音重采样函数解析
2020/07/06 Python
Django框架安装及项目创建过程解析
2020/09/14 Python
python 实现一个图形界面的汇率计算器
2020/11/09 Python
Python爬虫+tkinter界面实现历史天气查询的思路详解
2021/02/22 Python
MATCHESFASHION.COM美国官网:英国奢侈品零售商
2018/10/29 全球购物
小型女装店的创业计划书
2014/01/09 职场文书
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
大学生评语大全
2014/04/18 职场文书
中小学生学籍证明
2014/10/25 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书