onbeforeunload事件“删除/卸载”代码

由于项目用到了“onbeforeunload事件”:

JS刷新或关闭当前页面时弹出提示框确认窗口 代码

 

但是我发现了一个问题:

当我点击表单“提交”按钮的时候,它也会弹出提示窗口,这样肯定是不行的,因此我必须要实现:onbeforeunload事件删除,也可以理解为onbeforeunload事件卸载。

 

实现原理

把事件成员赋值为null或undefind就可以移除事件函数了。

 

JavaScript代码:

<script>
window.onbeforeunload = null;
</script>

 

我的示例代码:

index.php

<!--
JS刷新或关闭当前页面时弹出提示框确认窗口 代码
参考:https://www.fujieace.com/javascript/f5-quit-onbeforeunload.html
-->
<script>
    window.onbeforeunload = function(event) {
        event.returnValue = "我在这写点东西...";
    };

    //表单提交的时候必须取消 弹出提示框确认窗口 代码
    document.getElementById('submit').onclick = function () {
        window.onbeforeunload = null;
    };
</script>
    A+
发布日期:2021年03月30日 12:44:44  所属分类:JavaScript
最后更新时间:2021-03-30 12:44:44
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
付杰
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
  • ¥ 99.9元
  • 市场价:299元
vue.js视频教程:全新 Vue.js 2.6 核心技术合集
  • ¥ 69.0元
  • 市场价:69.0元
JAVA从入门到精通视频教程(实战)
  • ¥ 99.0元
  • 市场价:99.0元
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
  • ¥ 1.0元
  • 市场价:9.9元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: