beforeunload的监听与取消

boyanx4周前技术教程8

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

相关文章

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

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

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

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

网络安全之从原理看懂XSS

01、XSS的原理和分类跨站脚本攻击XSS(Cross Site Scripting),为了不和层叠样式表(Cascading Style Sheets,CSS)的缩写混淆故将跨站脚本攻击缩写为XSS...

手把手详细教你优化CSS提高网站加载速度的21种方法汇总【实践】

作者:Tam Hanna 转发链接:https://www.creativebloq.com/how-to/21-ways-to-optimise-your-css-and-speed-up-your...

好程序员web前端培训分享JavaScript框架

  好程序员web前端培训分享JavaScript框架JavaScript 是开发领域的重要技术之一。根据 Statista 的报告,JavaScript 是 2019年开发人员使用的最流行的编程语言...

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

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

发表评论    

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