Мне нужно запретить браузеру возвращаться на предыдущую страницу, поскольку он портит пользовательский интерфейс. Поэтому вместо того, чтобы идти назад, мне нужно запустить код JS, чтобы закрыть плавающие меню.
Длинная история:
Как бы мне ни хотелось реализовать дизайн UIX вместо переопределения функциональных возможностей устройства, для этой цели я должен переопределить.
У меня есть есть сайт для покупок, и это адаптивный дизайн PWA для мобильных экранов. На маленьких экранах в нижней части экрана предоставляется меню (BS4 с фиксированным нижним краем), чтобы имитировать c реальное ощущение / дизайн приложения.
Одна из кнопок - это «корзина», в которой пользователь может щелкнуть ее и потянуть (сдвинуть сбоку) быстрый просмотр товаров в своей корзине. Это просто плавающий оверлей, а не новая страница. Я разработал его таким образом, чтобы избавить клиента от необходимости go перейти на другой экран и все просто для просмотра корзины и обратно. Таким образом, UX без проблем.
Проблема в том, что в нативных приложениях для пользователя вполне естественно тянуться к этой кнопке назад, чтобы не только go вернуться к предыдущим экранам, но также закрыть меню и наложения. Это то, что вызывает проблему UX. Когда пользователи нажимают кнопку «Назад», они намерены закрыть быстрый просмотр, а не go вернуться к предыдущему экрану.