javascript - 使下载链接在卸载前不触发

Question

我有一个应用程序，用户可以在其中输入大量信息。因此，使用 beforeunload 事件很重要，这样用户就不会意外离开页面而失去进度。但是，该应用程序还需要下载链接，问题是即使下载不会导致用户离开页面，但单击这些下载链接会触发 beforeunload 事件。

我如何设置它以便用户必须在离开页面之前进行确认，但此确认不是通过单击下载链接触发的？

您可以在此处的可重现示例中看到整个过程:

• 实时页面:https://wqy9kn5qv7.codesandbox.io/

• 源代码:https://codesandbox.io/s/wqy9kn5qv7

Answer 1

这是一种 hack，但我认为它会阻止 beforeunload 事件在您的下载链接上触发:

<a href="somefile.txt" download target="_blank">Download</a>

基本上，将 download 属性添加到元素和 target 属性。