Как остановка навигации на задней кнопки

Question

Я хочу, чтобы остановить навигацию по нажатию кнопки назад в браузере

$(window).on('beforeunload', function(e){ 
    realTimePersonalizationTest(e); 
}); 

function realTimePersonalizationTest(e) { 
    event.preventDefault(); 
} 

Но этот код работает. это переход на предыдущую страницу.

Answer 1

Предотвращение навигации по нажатию кнопки «Назад» звучит неправильно.
Единственное, что вы можете сделать с событием beforeunload, - это вернуть строку, чтобы вызвать пользователя до того, как он покинет страницу.

$(window).on('beforeunload', function(e){ 
    return "Are you sure? Please, don't leave."; 
}); 

Например, откройте this JSFiddle demo и попытайтесь его закрыть.

Скорее всего, любые другие реализации не будут поддерживаться браузерами из-за соображений безопасности. Кнопка «Назад» - это «аппаратная» кнопка, которая, как предполагается, всегда перемещается на предыдущую страницу.

Вы можете реализовать это ограничение на стороне сервера, используя перенаправления, переменные сеанса и т. Д.
Однако почему нужно отключить это поведение? Я твердо верю, что должно быть другое, более последовательное, браузерное и удобное для пользователя решение.

Answer 2

Если вам не нужно поддерживать старые браузеры IE, этот фрагмент кода будет работать на вас.

var path = 'Name of your page'; 
//Like for www.Test.com/abc.html write abc.html in path variable 
history.pushState(null, null, path + window.location.search); 
window.addEventListener('popstate', function (event) { 
    history.pushState(null, null, path + window.location.search); 
}); 

Я надеюсь, что будет работать для вас .. Для получения дополнительной информации ознакомьтесь http://www.cheezycode.com/2015/08/how-to-stop-browser-back-using-javascript.html

Answer 3

Вы можете использовать popstate событие для обнаружения броузера кнопки назад

 window.onpopstate = function(event) { 
    window.location.assign("www.google.com"); 
}; 

то внутри этого кода Расположить к вашему текущему вместо window.location.assign ("www.google.com");