beforeunload的监听与取消

boyanx7个月前技术教程26

jQuery/js 可以为页面绑定 beforeunload事件,关闭、刷新、跳转页面时都将触发。

但如果想通过location.href 的形式下载、或者变动地址,它也会触发beforeunload事件

$(".js_div").mousedown(function(){
    $(window).off('beforeunload');//取消监听beforeunload事件
    // 其余的下载代码
  }).mouseleave(function(){
    $(window).on('beforeunload',windowBeforeUnload);
  });
   
  $(window).on('beforeunload', windowBeforeUnload);
   
  function windowBeforeUnload(){
    return "请注意保存您编辑的内容!";
  }
标签: jquery js

相关文章

如何成为python全栈工程师

什么是Python全栈工程师?即从前端页面的实现,到后台代码的编写,再到数据库的管理,一人可以搞定一个公司网站的所有事情,真正实现全栈开发。全栈只是个概念 也分很多种类 真正的全栈工程师涵盖了web开...

好程序员web前端教程分享web前端都学些什么

  Web前端行业入门简单、薪资前景好,是许多IT小白跨行的首选。参加培训班是大家跨行web前端最行之有效的方法,那么,web前端培训怎么样?都学些什么内容?下面好程序员web前端教程小编给大家介绍一...

七爪源码:纯 CSS 和 JS 的原生平滑滚动

纯 CSS 和 JS 的原生平滑滚动你想要一个平滑的滚动吗? 忘记 JQuery,我们已经过去了。 让我向您介绍我们的原生平滑滚动工具。CSS 滚动行为CSS scroll-behavior 属性接受...

一款 Js 动画库,简单几行代码就能写出丝滑流畅、高性能的动画效果

使用简单,但做出来的动画非常丝滑,也能实现很多专业的动画效果,推荐给大家。关于 GSAPGSAP 的全名是 GreenSock Animation Platform,项目诞生非常早,远在 flash...

分享10款非常实用的JS开发工具

JavaScript的应用在现在的Web开发中占据的地位越来越重要,好的JS开发,不仅能提升用户体验,而且能适当的减轻web服务器的压力。何况微信平台也开放JS-SDK,助力网页开发,学好JS绝对对你...

基于SpringBoot+mybatis开发的图书管理系统,非常适合练手

若依是一套全部开源的快速开发平台,毫无保留给个人及企业免费使用。前端采用Vue、Element UI。后端采用Spring Boot、Spring Security、Redis & Jwt。权限认证使...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。