前言：
onbeforeunload事件可以用在页面刷新前，页面关闭前，进行提示判断等相关操作。也就是说你再这个事件里面添加的操作，你点击f5刷新或者退出这个页面都会触发。
效果图：
js和vue中通过案例来说明用法：
一、js中使用方法：
this is id onbeforunload event test test is start
二：vue中使用：
1、在路由跳转之前来添加事件
mounted () { window.onbeforeunload = function (e) { return '' } }, beforeRouteLeave (to, from, next) { if (this.progressVisible) { this.$confirm('系统可能不会保存您所做的更改。', '离开此页面？', { confirmButtonText: '离开', cancelButtonText: '取消', type: 'warning' }).then(() => { next() }) } else { next() } }, beforeDestory () { window.onbeforeunload = null } 2、直接使用，但是必须有return值
mouted(){ window.onbeforeunload = () =>{ this.clearViews(); return 'tips'; } }, methods:{ clearViews(){ alert(1); } }更多文献：
https://www.jianshu.com/p/db0ca
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/213885.html原文链接：https://javaforall.net
