离开页面前的提示不能够用onunload去做,由于它仅仅是兼容IE,你要兼容Google与FireFox就蛋疼了。

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

取而代之能够用onbeforeunload去实现。

onbeforeunload能够在用户关闭或刷新窗体、或者点击本页内的不论什么超级链接都会触发的。

其JavaScript代码例如以下:

<script>
window.οnbefοreunlοad=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】离开页面前提示相关推荐

  1. html离开页面时,js实现用户离开页面前提示是否离开此页面的方法(包括浏

    本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) 如果在退出页面时需要弹出 ...

  2. php离开界面监听,js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)...

    本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) window.onbef ...

  3. 用户关闭页面前提示,提醒保存内容 Window 的 unload onunload onbeforeunload 事件

    用户关闭页面前提示,提醒保存内容 Window 的 unload onunload onbeforeunload 事件 在线测试例子: http://kylebing.cn/test/unload-e ...

  4. JavaScript在离开页面是提示用户

    如果用户正在页面执行比较重要的操作,如写博客.上传文件,此时,如果点其他链接.地址栏输入新的地址或者页面刷新时,应该给用户提示,确认时候要离开当前页面,用JavaScript可以轻松完成.

  5. 离开页面前显示确认提示对话框(兼容IE,firefox) = how to Catch Win...

    为什么80%的码农都做不了架构师?>>>    http://blog.163.com/lgh_2002/blog/static/44017526201061334953256/ & ...

  6. vue离开页面弹窗提示

    vue离开提示弹窗分类 一:关闭页签.网页或刷新 mounted() {window.addEventListener("beforeunload", this.beforeUnl ...

  7. vue离开当前路由销毁当前路由_VUE 离开页面路由拦截

    业务场景 在页面内容被编辑后,用户跳转其他路由,需要提示用户:当前页面有改动,确认离开后再进行跳转,以防编辑数据丢失. 代码 beforeRouteLeave (to, from, next) { t ...

  8. 离开页面提示是否保存页面修改内容的简单实现

    在很多系统中如果我们修改了某些信息,没有保存就离开当前的页面,系统通常会提示"信息发生变化,是否要保存"等:比如当你改变了QQ中的个人基本资料,没有点"确认"或 ...

  9. 关闭、刷新、跳转、离开当前网页前提示

    /*关闭.刷新.跳转.离开当前网页前提示*/ onbeforeunload = function () {return false; };

最新文章

  1. UA MATH571B 试验设计I 试验设计简介
  2. 不同的PCB混装方式及加工工艺
  3. SAP FI常用事务码
  4. 何佳文(帮别人名字作诗)
  5. html溢出宽度控制,html - 具有固定宽度列的HTML / CSS表(如果内容溢出,则滚动) - 堆栈内存溢出...
  6. Oracle 数字与空值的排序问题
  7. Vista激活机制又爆新特性,可不激活运行至少一年
  8. 感谢同事的临别赠言,愿自己一路顺风。
  9. oracle的 listagg() WITHIN GROUP () 函数使用
  10. Vue - 判断终端是否为:IE内核、opera内核、苹果、谷歌内核、火狐内核、是否为移动终端、ios终端、android终端、是否为iPhone或者QQHD浏览器、是否iPad、是否微信、是否QQ
  11. 再忆年少,再见年少——青春路上的我们
  12. 记一次muse-ui 使用
  13. 用Acrobat无损去除PDF签名
  14. 华为畅享10s值得买吗_华为畅享10S怎么样?与同价位相比有何优势?
  15. 如何区分虚拟网卡和物理网卡?
  16. js 中文转拼音缩写
  17. socket实现局域网语音通话 c++ winapi
  18. blender的一些使用
  19. 如何与爱发脾气的人相处
  20. Java带KeyGenerator(密钥生成器)生成AES加密,c++里面AES解密

热门文章

  1. 团体程序设计天梯赛-练习集L1-002. 打印沙漏
  2. 前端工作面试问题(上)---转
  3. ASP.NET学习顺序(转摘)
  4. android studio获取数字签名,Android应用开发Android Studio数字签名打包apk图文步骤教程...
  5. CentOS 6.5上安装Confluence 5.4.4
  6. 一键部署ETCD集群脚本
  7. Linux DHCP服务器
  8. linux分布式安装hadoop1.2
  9. php运行环境出现Undefined index 或variable时解决方法
  10. ap sat_新手必读:7个问题分清SAT、AP、托福考试