В фактических приложениях нам часто нужно реализовать необходимость щелкнуть возврат, обратно, предыдущую страницу и другие кнопки в мобильных приложениях и браузерах, чтобы закрыть страницу, настроить на указанную страницу или выполнить некоторые другие операции. Итак, как отслеживать события при нажатии на кнопку возврата приложений, таких как WeChat, Alipay, Baidu Nuomi, Baidu Wallet и т. Д. Или предыдущую страницу браузера или кнопка Back.
Я считаю, что многие друзья похожи на меня, которые долго искали в Байду и Согу, но не нашли метода.
Вот как контролировать:
Прежде всего, нам нужно понять историю браузера.
Как вы знаете, мы можем использовать историю окна JavaScript на странице и обратно на предыдущую страницу. Однако из -за соображений безопасности JavaScript не позволяет изменять существующую ссылку URL в истории, но вы можете использовать метод pushstate для добавления ссылок на URL в историю и предоставить мониторинг событий POPState для появления URL из стека истории. Поскольку мониторинг событий Popstate предоставляется, мы можем его отслеживать.
Нажмите кнопку, чтобы прослушать код реализации для возврата, обратной и предыдущей страницы:
window.addeventListener ("popstate", function (e) {alert ("Я услышал событие возврата браузера"); // Реализовать свою собственную функцию в соответствии с вашими собственными потребностями}, false);Хотя мы слушали обратное событие, страница все равно вернется на предыдущую страницу, поэтому нам нужно использовать PushState, чтобы добавить URL этой страницы для представления этой страницы. Все очень хорошо знают, что это #
function pushistory () {var atation = {title: "title", url: "#"}; window.history.pushstate (State "Title", "#"); }При входе на эту страницу мы нажимаем локальное соединение с этой историей. Нажав на операции возврата, обратно и предыдущей странице, прослушайте и реализуйте свои собственные операции в коде прослушивания.
Вот полный код:
$ (function () {pushistory (); window.addeventListener ("popstate", function (e) {alert ("Я слышал событие возврата браузера"); // реализовать свои собственные функции в соответствии с вашими потребностями}, false); function pushistory () {var state = {title: ", url:"#"}; "#");Приведенный выше контент - это только основной код, указанный редактором для всех. Вы можете добавить, изменить и удалять код в соответствии с вашими потребностями. Если вы найдете какие -либо вопросы в процессе ссылки на этот код, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя!