快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript中onbeforeunload指的是什么

小编给大家分享一下javascript中onbeforeunload指的是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

宁海网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联建站于2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站

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;
    }
  }

以上是javascript中onbeforeunload指的是什么的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章名称:javascript中onbeforeunload指的是什么
文章URL:http://6mz.cn/article/jsdoce.html

其他资讯