浏览器关闭提示, 兼容IE、FF、Chrome,其它浏览器可以扩展, 这里只对<a>标签做特别处理,因为 onbeforeunload事件点击a连接弹框、刷新等很多操作都会触发此事件,可能还有其它的情况也会触发,参考这里的逻辑在进行修改,
//页面离开或者浏览器关闭的时候给予提示 防止用户误操作 离开当前页面未保存数据可能丢失 window.onbeforeunload = function(event) { return beforunload(event); }; function beforunload(event) { event = event ? event : (window.event ? window.event : null); var myIE = myBrowser(); if (myIE=="IE") { // IE var cy = event.clientY || event.target.event.clientY; var ak = event.altKey || event.target.event.altKey; if (cy < 0 || ak) { return "确定要离开本页面吗?"; } } else { // Firefox、Chrome var nodeName = event.currentTarget.document.activeElement.nodeName; if (nodeName!="A") { return "确定要离开本页面吗?"; } } } /*** * 获取当前浏览器类型 */ function myBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { //判断是否Opera浏览器 return "Opera" }; if (userAgent.indexOf("Firefox") > -1) { //判断是否Firefox浏览器 return "FF"; }; if (userAgent.indexOf("Chrome") > -1){ return "Chrome"; }; if (userAgent.indexOf("Safari") > -1) { //判断是否Safari浏览器 return "Safari"; }; if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) { //判断是否IE浏览器 return "IE"; }; }
相关推荐
如果网页不是通过脚本程序打开的(window.open()),调用window.close()脚本关闭窗口前,必须先将window.opener对象置为null,否则浏览器(IE7、IE8)会弹出一个确定关闭的对话框。
本文是小编总结的一些核心内容,个人感觉对大家有所帮助,具体内容请看下文: ...//页面关闭时,先onbeforeunload事件,再onunload事件。 //对于火狐: //页面刷新时,只执行onunload;页面关闭时,
页面中的使用到Iframe时,我们如何需要对IFrame中页面是否改变进行判断,我们可以使用到window.onbeforeunload事件.
本文实例总结了JS针对浏览器窗口关闭事件的监听方法。分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) ...方式二:适用于IE和FF,不区分刷新和关闭
解决手机浏览器点击后退页面刷新问题,兼容苹果 safari浏览器和安卓浏览器。 js的window.onbeforeunload,onunload,window.addEventListener(‘pagehide‘, () => {}手机浏览器不生效
这个功能其实很简单,就是通过处理window、body或frameset对象或元素的onbeforeunload事件实现的。 这个unbeforeunload的具体用法我就不说了,反正几乎能引起当前页面发生跳转的任何动作,都会触发这个事件。并且它...
主要介绍了关闭浏览器时提示onbeforeunload事件,有需要的朋友可以参考一下
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在[removed]脚本中通过[removed]来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload...
一、避免弹出提示框 在网上搜了很多,答案大都是设置[removed]=null ,但是试用之后无效。 这个问题放了两天之后返回来再次想,终于找到了答案,在此和大家分享一下: 解除jquery离开页面弹出提(1) 先解除绑定在...
}} window.onbeforeunload=verifyClose; 86.当窗体第一次调用时使用的文件句柄:onload() 87.当窗体关闭时调用的文件句柄:onunload() 88.window.location的属性: protocol(http:),hostname(www.example.com),port(80)...
NULL 博文链接:https://yuanyuan7891.iteye.com/blog/619615
NULL 博文链接:https://primarykeylw.iteye.com/blog/1568120
代码如下:[removed] [removed] = onbeforeunload_handler; [removed] = onunload_handler; function onbeforeunload_handler(){ var warning=”确认退出?”; return warning; //可以换成alert等具体操作 } ...
获取引用窗口是否已关闭。 defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息。 dialogArguments 设置或获取传递给模式对话框窗口的变量或变量数组。 dialogHeight 设置或获取模式对话框的高度。 ...
网页或浏览器在被关闭时弹出确认提示的代码,在网页的body中加入onbeforeunload="return false" 就可实现,不过要注意其它浏览器的兼容性,代码还是超简单的,不过最好不要添加这样的效果,有的用户会觉得挺反感的。
#jQuery FormChange 检查表单的元素是否真的从初始值改变了。 ##入门 包括 jquery.formChange.... window . onbeforeunload = function ( e ) { return 'Your form has changed. Are you sure you want to leave?
很多时候,在浏览网页时,我们需要考虑用户不小心时关闭窗口的情况,特别是当用户有很重要的数据还没有保存,我们的...这样当用户按了关闭按钮时,便会弹出如下这个窗口(这个是兼容IE和firefox的): 其中”Hello
阻止浏览器的默认事件和冒泡事件.用onbeforeunload事件。无论快捷键还是点击菜单的刷新,都会有提示,关闭页面时也会出现。
运用onunload事件判断浏览器是刷新还是关闭窗口 兼容firefox5及其他浏览器