如何取消下载文件的beforeunload事件

 

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

 

但如果想通过location.href的形式下载文件，它也会触发beforeunload事件。

 

取消的方法很简单：点击按钮时让window不再监听beforeunload事件，等点击完按钮后再重新为window绑定beforeunload事件。

 

代码如下：

 

$("button#download").mousedown(function(){
  $(window).off('beforeunload');
  // 其余的下载代码
}).mouseleave(function(){
  $(window).on('beforeunload',windowBeforeUnload);
});

$(window).on('beforeunload', windowBeforeUnload);

function windowBeforeUnload(){
  return "请注意保存您编辑的内容！";
}