这篇文章主要介绍了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程序设计有所帮助。

最新资讯
特斯拉在美国大幅下调Model Y价格

特斯拉在美国大幅下调

特斯拉美国官网显示,Model Y起售价下调至50000美元下方
特斯拉9月22日将举行“电池日” 马斯克身价超巴菲特

特斯拉9月22日将举行

北京时间7月11日,特斯拉向美国证券交易日委员会(SEC)递交
杜海涛:未与网利宝直接签过代言合同 积极跟进事件进展

杜海涛:未与网利宝直接

11日,有报道称杜海涛代言的理财产品网利宝爆雷,杜海涛被
传统车企开不下去的4S店,新势力为何加速跑马圈地?

传统车企开不下去的4S

股价一路暴涨至近1400美元,创始人轻松兑现数十亿美元奖
华为主导首个软件定义摄像机国际标准诞生

华为主导首个软件定义

国际电信联盟第十六研究组(简称 ITU-T SG16)召开全体会
腾讯斥资142亿港元推股权激励 三万员工人均受益44万

腾讯斥资142亿港元推

腾讯控股在港交所公告称,将根据股份奖励计划发行2664万
最新文章
Vue实现图片与文字混输效果

Vue实现图片与文字混

用多了 JQuery ,习惯了使用JQuery的API操作 DOM ,几乎忘
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

Vue实现点击当前元素

这篇文章主要介绍了Vue实现点击当前元素以外的地方隐
Vue实现验证码功能

Vue实现验证码功能

这篇文章主要为大家详细介绍了Vue实现验证码功能,文中
JS实现的雪花飘落特效示例

JS实现的雪花飘落特效

这篇文章主要介绍了JS实现的雪花飘落特效,结合实例形
微信小程序实现图片压缩

微信小程序实现图片压

这篇文章主要为大家详细介绍了微信小程序实现图片压缩
JavaScript实现京东放大镜效果

JavaScript实现京东放

这篇文章主要为大家详细介绍了JavaScript实现京东放大