controllare o disabilitare browser pulsante Indietro con Javascript o AngularJS

Question

controllare o disabilitare browser pulsante Indietro con Javascript o AngularJS

Qui non sto chiedendo una domanda, ma voglio mostrare una soluzione per come è possibile disattivare e indietro del browser di controllo pulsante se si utilizza AngularJS o anche con JavaScript

Answer 1

Se sono solo utilizzando JavaScript è possibile verificare come è possibile disattivare il pulsante di retro da questo link:

http://jordanhollinger.com/2012/06/08/disable-the-back-button-using-html5/

Ma questo il codice sopra non funzionerà bene con AngularJS perché AngularJS utilizza URL_Hash # in background, quindi qui mostrerò come puoi girare:

Nel tuo codice Javascript principale (non all'interno del codice AngularJS o controler), inserisci il seguente codice :

// *** Author: Wael Sidawi 
// **** Deactive Back Button **** 
var history_api = typeof history.pushState !== 'undefined'; 
// history.pushState must be called out side of AngularJS Code 
if (history_api) history.pushState(null, '', '#StayHere'); // After the # you should write something, do not leave it empty 

E ora all'interno del vostro AngularJS Controler mettere la seguente listner evento:

/** 
* Event-Listner for Back-Button 
*/ 
$scope.$on('$locationChangeStart', function(event, next, current){    
    // Here you can take the control and call your own functions: 
    alert('Sorry ! Back Button is disabled'); 
    // Prevent the browser default action (Going back): 
    event.preventDefault();    
}); 

Spero che potrebbe aiutare.

migliori saluti

Wael