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>
付杰
  • ¥ 199.0元
  • 市场价:399.0元
  • ¥ 79.0元
  • 市场价:99.0元
  • ¥ 498.0元
  • 市场价:998.0元
  • ¥ 98.0元
  • 市场价:398.0元

发表评论

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