HTML - Avertissement refresh

Résolu
trebmal14 Messages postés 801 Date d'inscription   Statut Membre Dernière intervention   -  
trebmal14 Messages postés 801 Date d'inscription   Statut Membre Dernière intervention   -
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

A voir également:

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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 = '';
});

1
trebmal14 Messages postés 801 Date d'inscription   Statut Membre Dernière intervention   245
 
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 :)
0