按下Andriod时，如何使用javascript隐藏我的sidenav？

Question

我想知道在按Android或浏览器中的后退按钮时，是否可以以某种方式关闭我的HTML页面中的sidenav。

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

我有这个javascript，所以当我按下按钮时，它会同时打开和关闭我的sidenav以及样式表。

（我认为我对javascript非常陌生。）

编辑：我在Google上搜索了一吨，发现与window.onhashchange以及newURL和oldURL一起使用，您就可以操纵浏览器的历史记录来使其工作。

也许最好使用pushState和popState。

Answer 1

如果您想使用“后退”按钮隐藏自己的辅助导航

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