博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用onbeforeunload阻止用户刷新
阅读量:5780 次
发布时间:2019-06-18

本文共 581 字,大约阅读时间需要 1 分钟。

1、onbeforeunload是什么玩意儿

  • onbeforeunload是一个事件,当页面将要被卸载(更新)的时候会被触发。
  • 卸载(更新)讲的就是unload事件,当页面关闭后,会触发。

2、语法规则

window.onbeforeunload = funcRef

funcRef指的是一个方法,也就是一个函数引用。

3、怎么使用这个东西

3.1在HTML中,直接挂载到body上

    
test

3.2在js中,使用window.onbeforeunload绑定方法

    
test

3.3在单页面中使用:

一般在项目中直接使用window或者body会导致整个项目的页面的刷新关闭事件都被拦截。

想在某个页面中使用这个拦截的大体思路是在进入这个页面的时候挂载该事件,跳转页面的时候将挂载的事件取消。
例如在react中:

componentDidMount() {    window.onbeforeunload = function()    {      return "真的离开?";    };  }componentWillUnmount(){    window.onbeforeunload = function()    {      return null;    }  }

以上

转载地址:http://wtuyx.baihongyu.com/

你可能感兴趣的文章
android新窗口以及传值
查看>>
详细介绍Linux shell脚本基础学习(一)
查看>>
电话连线//最小生成树prim
查看>>
JSAP103
查看>>
Java虚拟机4:内存溢出
查看>>
VC++6.0程序打开文件内存错误解决方法
查看>>
c++ std::cout重定向到文件
查看>>
重定向
查看>>
GCD
查看>>
Ros学习——C++发布器publisher和订阅器subscriber
查看>>
Hadoop(三)手把手教你搭建Hadoop全分布式集群
查看>>
zabbix web界面乱码
查看>>
安装Scrapy
查看>>
使用在线编辑 svg 软件修改 svg 图片
查看>>
使用node.js获取图片的base64编码
查看>>
itunes connect
查看>>
检查服务器是否开启GD库
查看>>
OneThink后台模型怎么玩?
查看>>
MVC+JQUERY-实现全选和反选功能
查看>>
REVIT 卸载工具,完美彻底卸载清除干净revit各种残留注册表和文件
查看>>