Как я могу с помощью javascript скрыть мой sidenav при нажатии на мой andriod?

Question

Интересно, смогу ли я как-нибудь закрыть свой sidenav на своей html-странице при нажатии кнопки «Назад» на Android или в браузере.

function openSlideMenu(){
    document.getElementById('side-bar').style.width = "256px";
}
function closeSlideMenu(){
    document.getElementById('side-bar').style.width = "0px";
}

У меня есть этот JavaScript, поэтому, когда я нажимаю кнопку, оноткрывает и закрывает мой sidenav вместе с моей таблицей стилей.

(я думаю, что было бы хорошо упомянуть, что я довольно новичок в javascript.)

РЕДАКТИРОВАТЬ: я погуглил тонну и нашелчто с window.onhashchange вместе с newURL и oldURL вы можете манипулировать историей браузера, чтобы она работала.

Может быть, лучше использовать pushState и popState.

Answer 1

Если вы хотите использовать кнопку назад, чтобы скрыть свой sidenav

document.addEventListener('backbutton', function(){
// overriding back button
document.getElementById('side-bar').style.width = "0px";
  });