退出页面时绑定脚本的JS实现和Jquery实现

最新推荐文章于 2024-07-26 03:26:31 发布

Wonder*

最新推荐文章于 2024-07-26 03:26:31 发布

阅读量366

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_44427784/article/details/106964233

版权

JQuery实现

//绑定onbeforeunload事件
$(window).bind('onbeforeunload',function(){
return '您输入的内容尚未保存，确定离开此页面吗？';
});


//解除绑定
$(window).unbind('onbeforeunload');
window.onbeforeunload=null;

JS实现

定义：在即将离开当前页面(刷新或关闭)时执行 JavaScript

用法：onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 "确定要离开此页吗？"。该信息不能删除。但你可以自定义一些消息提示与标准信息一起显示在对话框。注意：在 Firefox 浏览器中，只显示默认提醒信息（不显示自定义信息）。

<body onbeforeunload="return myFunction()">

<script type="text/javascript">
    function myFunction() {
        return "确定离开吗？";
    }
</script>

</body>