JS针对浏览器窗口关闭事件的监听方法集锦_js监控浏览器关闭

event

javascript

164 浏览量更新于2023-05-06 评论收藏 52KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

JS针对浏览器窗口关闭事件的监听方法集锦针对浏览器窗口关闭事件的监听方法集锦

本文实例总结了JS针对浏览器窗口关闭事件的监听方法。分享给大家供大家参考，具体如下：

方式一：(适用于IE浏览器，而且刷新不提示，只在点击浏览器关闭按钮的时候提示)

window.onbeforeunload=onclose;

function onclose()

{

if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)

{

return "您要离开吗？";

}

</script>

方式二：适用于IE和FF，不区分刷新和关闭

window.onbeforeunload = onbeforeunload_handler;

window.onunload = onunload_handler;

function onbeforeunload_handler(){

var warning="确认退出?";

return warning;

}

function onunload_handler(){

var warning="谢谢光临";

alert(warning);

}

</script>

方式三：适用于IE和FF，不区分刷新和关闭，最简单的

window.onbeforeunload=onclose;

function onclose()

{

return "您确定退出吗？";

}

</script>

方式四：适用于IE和FF，不区分刷新和关闭，稍复杂的

var MSG_UNLOAD="如果你此时离开档案系统，所做操作信息将全部丢失，是否离开?";

var UnloadConfirm = {};

//启用监听浏览器刷新、关闭的方法

UnloadConfirm.set = function(confirm_msg){

window.onbeforeunload = function(event){

event = event || window.event;

event.returnValue = confirm_msg;

}

//关闭监听浏览器刷新、关闭的方法

UnloadConfirm.clear = function(){

window.onbeforeunload = function(){};

}

UnloadConfirm.set(MSG_UNLOAD);

</script>

方式五：只适用于IE6下的关闭按钮和快捷键关闭的，刷新不提示

window.onbeforeunload=onclose;

function onclose()

{

var warnning = '<fmt:message key="systemMessage.exitWarning" />';

var beforeExit='<fmt:message key="systemMessage.beforeExitWarning" />';

if(event.clientY<0 && event.clientX>document.body.clientWidth-20 || event.clientY<0 && event.clientX<20 ||

event.altKey || event.ctrlKey || event.clientY>document.body.clientHeight){

alert(beforeExit);

return warnning;

}

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38728464

粉丝: 1
资源: 966

会员权益专享

JS针对浏览器窗口关闭事件的监听方法集锦

评论0

会员权益专享

最新资源

JS针对浏览器窗口关闭事件的监听方法集锦

评论0

JS监听关闭浏览器事件

js监听浏览器关闭

js实现监听浏览器关闭和刷新事件

js监听浏览器窗口关闭

vue关闭浏览器窗口触发事件

js关闭浏览器窗口事件

js监听浏览器当前窗口关闭

vue 监听浏览器 关闭窗口

vue项目中关闭浏览器窗口，在哪块监听

vue 监听浏览器 关闭窗口，并阻止关闭窗口

js 监听浏览器窗口大小

监听浏览器 关闭窗口

vue项目中关闭浏览器窗口，在项目的哪个组件中监听

vue 监听浏览器 关闭tab标签，并阻止关闭

vue 关闭用户手动打开的浏览器窗口

vue监听浏览器关闭还是刷新

监听浏览器切换行为的方法

我用该怎么写js监听浏览器的标签页关闭事件

window.addEventListener 添加事件监听 在什么时候进行销毁

ant design vue 监听浏览器窗口变化 不重新加载页面

会员权益专享

最新资源

vue 监听浏览器关闭窗口

vue 监听浏览器关闭窗口，并阻止关闭窗口

监听浏览器关闭窗口

vue 监听浏览器关闭tab标签，并阻止关闭

window.addEventListener 添加事件监听在什么时候进行销毁

ant design vue 监听浏览器窗口变化不重新加载页面