Impedire il refresh Manuale

[ricman]

Ciao a tutti... Non riesco a trovare su gooooogle questa cosa...
Per un mio progettino personale ho una pagina in html/Javascript (e un po' di php) con un bel po' di variabili. Se "refresho" perdo i valori e al momento non ho tempo di gestire per bene...

Vorrei impedire il refresh di una pagina.

Soprattutto dai display sotto i 7 pollici in quanto i browser sono sensibili allo scorrimento del dito verso il basso che può causare un refresh accidentale!

Grazie per l'aiuto...

[ninja72]

Hai provato aggiungendo questa regola al tuo css ?

  body {
        overscroll-behavior-y: contain;
    }

[ricman]

Hai provato aggiungendo questa regola al tuo css ?

  body {
        overscroll-behavior-y: contain;
    }

Sul mio cell funziona!! E' un bel passo in avanti. Grazie

Invece per il Ctrl+R penso non ci sia speranza.... ?

[ricman]

Ah.. Scusa... Anche se non è proprio in tema... Sai mica se si può anche inibire lo zoom quando si fa il doppio tap sul display?

[ninja72]

Qui si rischia di andare OT, per eventuali altre domande ti conviene aprire una discussione a parte, mi scuso con i moderatori se rispondo qui.

Per disabilitare eventuali refresh si con ctrl+r che con f5 potresti intercettare gli eventi della tastiera e filtrarli con uno script js.

 window.addEventListener('keydown', (e) => {
            if (e.ctrlKey && e.key == 'r' || e.key == 'F5') {
                e.preventDefault()
            }
        })

Per il discorso dello zoom puoi intervenire tag meta viewport dell'html.

 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

[ricman]

Per disabilitare eventuali refresh si con ctrl+r che con f5 potresti intercettare gli eventi della tastiera e filtrarli con uno script js.

OK. Per questo chiederò nella sezione del js perchè nel codice che mi hai passato c'è qualcosa che non riesco a capire, o forse è colpa mia che sono su macbook per cui non posso usare il Ctrl (ma il "mela") e in più non riesco ad usare F5 nemmeno col tasto Fn, quindi sono arenato...

Per il discorso dello zoom puoi intervenire tag meta viewport dell'html.

 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

Avevo provato questo codice, ma non mi blocca soltanto il doppio tap, mi blocca anche lo zoom con le dita (pitch o cmq come si chiami il metodo allarga/stringi con indice e pollice).