当我按下我的机器人时，如何用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

如果你想使用后退按钮隐藏你的sidenav

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