这篇文章主要介绍了JavaScript实现离开页面前提示功能,结合具体实例形式分析了javascript实现针对关闭页面的事件响应原理与操作,并附带jQuery的相应实现方法,需要的朋友可以参考下

本文实例讲述了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的效果如下,第一行与最后一行是必须存在的。用户点击“取消”不会发生任何事情,点击“确定”则继续之前的动作。

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

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

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

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

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

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript页面元素操作总结》、《JavaScript正则表达式大全》、《JavaScript查找算法总结》、《JavaScript数据结构与算法总结》、《JavaScript遍历算法与总结》、《JavaScript错误与调试总结》及《JavaScript数算用法总结》

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

最新资讯
水滴公司捐赠100万元设驰援疫区专项基金

水滴公司捐赠100万元

针对武汉新型冠状病毒感染的肺炎疫情,水滴公司捐赠100
趣头条驰援湖北 首批捐赠20万口罩1000套防护服

趣头条驰援湖北 首批

趣头条26日决定对湖北疫区捐赠总价值100万元的医疗物
《囧妈》上线三日播放量超6亿 总观看人次1.8亿

《囧妈》上线三日播放

截至1月27日零时,电影《囧妈》在头条系四平台(抖音、西
爱奇艺向武汉等地区捐赠1000万元及电视剧播出版权

爱奇艺向武汉等地区捐

爱奇艺在其官微宣布宣布向武汉市等疫情严重地区捐赠10
经纬中国出资600万设“关爱一线医护人员”基金计划

经纬中国出资600万设

新型冠状病毒肺炎疫情牵动全国关注,经纬中国决定,机构以
抗击疫情 梅花创投联合梅花帮成员企业筹集百万善款

抗击疫情 梅花创投联

新型冠状病毒肺炎疫情牵动全国关注,梅花创投联合梅花帮
最新文章
jQuery设置下拉框显示与隐藏效果的方法分析

jQuery设置下拉框显示

这篇文章主要介绍了jQuery设置下拉框显示与隐藏效果的
策略模式实现 Vue 动态表单验证的方法

策略模式实现 Vue 动

策略模式(Strategy Pattern)又称政策模式,其定义一系列的
Layui Form 自定义验证的实例代码

Layui Form 自定义验

今天小编就为大家分享一篇Layui Form 自定义验证的实
图解NodeJS实现登录注册功能

图解NodeJS实现登录注

这篇文章主要介绍了NodeJS实现登录注册功能,本文图文
基于Layui自定义模块的使用方法详解

基于Layui自定义模块

今天小编就为大家分享一篇基于Layui自定义模块的使用
layer弹出层自适应高度,垂直水平居中的实现

layer弹出层自适应高

今天小编就为大家分享一篇layer弹出层自适应高度,垂直