Сделать ссылку на скачивание не триггером перед загрузкой

Question

У меня есть приложение, в которое пользователь вводит много информации.Соответственно, важно использовать событие beforeunload, чтобы пользователь случайно не покинул страницу и не потерял свой прогресс.Однако приложению также требуются ссылки для загрузки, и проблема в том, что нажатие на эти ссылки для загрузки вызывает событие beforeunload, даже если загрузка не заставляет пользователя покинуть страницу.

Как я могунастроить это так, чтобы пользователь должен был подтвердить перед тем, как покинуть страницу, но это подтверждение не вызвано нажатием на ссылку для скачивания?

Вы можете увидеть все это в воспроизводимом примерездесь:

• Живая страница: https://wqy9kn5qv7.codesandbox.io/

• Исходный код: https://codesandbox.io/s/wqy9kn5qv7

Answer 1

Это своего рода хак, но я думаю, что это предотвратит событие beforeunload для ваших ссылок на скачивание:

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

По сути, добавьте атрибут download к элементу иtarget атрибут.

Answer 2

Вы можете использовать атрибут required для элементов <input> и / или <textarea>, чтобы предотвратить отправку <form> до тех пор, пока поля required не будут заполнены.

См.

• Заставить пользователя заполнить все поля, прежде чем разрешить отправку формы

также

• Локальное хранилище данных формы