HTML - Avertissement refresh Résolu/Fermé

Question

Bonjour, 

Je viens de finaliser une page HTML dans laquelle j'ai une grande quantité de <input> que l'utilisateur doit renseigner.

Seulement s'il est en bas de page et qu'il veut remonter avant d'envoyer le formulaire il scroll vers le bas (pour remonter), ce qui a tendance sur tablette / mobile à faire un refresh qui a pour conséquence de tout effacer :( 

Ma question est la suivante : est-il possible de faire un sorte que si l'utilisateur actualise par mégarde la page, qu'il reçoive un avertissement "êtes-vous certain..." qu'il puisse annuler pour éviter de perdre sa saisie ?

Merci d'avance pour votre aide précieuse.

Configuration: Chrome OS / Chrome 93.0.4577.85

jordane45 · Answer

Bonjour,
Pour ça il faut se pencher sur le javascript ( j'ai déplacé ta question dans le bon forum)

Par exemple du côté de :

window.addEventListener('beforeunload', function (e) {
    e.preventDefault();
    alert('fermeture de la fenêtre ou refresh..');
    e.returnValue = '';
});

trebmal14 · Answer

Merci infiniment jordane45 ! 

Le message 'fermeture de la fenêtre ou refresh...' ne semble pas être pris en compte et Chrome affiche un autre message mais ce n'est rien du tout, l'essentiel est que le script fonctionne et les risques de perte de saisie est éradiqué !

merci encore mille fois :)

HTML - Avertissement refresh

2 réponses

Discussions similaires