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

最新资讯
白宫贸易顾问纳瓦罗:微软应先剥离中国资产

白宫贸易顾问纳瓦罗:微

白宫贸易顾问彼得·纳瓦罗(Peter Navarro)周一称,微软若
报告:中国网络视频用户达8.5亿 占网民整体的94.1%

报告:中国网络视频用户

报告显示,截至2020年3月,网络视频(含短视频)用户规模达8.5
美国制裁下 张一鸣和任正非“文风”有何不同

美国制裁下 张一鸣和

地缘政治和中美贸易冲突夹缝中,相差39岁的张一鸣和任正
蚂蚁集团回应A+H上市筹300亿美元:不评论市场传言

蚂蚁集团回应A+H上市

对于蚂蚁集团A+H上市筹300亿美元的传言,蚂蚁集团回应:不
索尼利润强于预期 计划回购1000亿日元股票

索尼利润强于预期 计

截至6月的财季,索尼经营利润为2280亿日元(21.5亿美元),分
马斯克:Cybertruck要是失败了,会生产常规电动皮卡

马斯克:Cybertruck要是

据报道,在最近一次谈话中,特斯拉首席执行官伊隆·马斯克
最新文章
Vue实现图片与文字混输效果

Vue实现图片与文字混

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

Vue实现点击当前元素

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

Vue实现验证码功能

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

JS实现的雪花飘落特效

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

微信小程序实现图片压

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

JavaScript实现京东放

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