javascript - 在我的 android 上按回时，如何使用 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 的新手。)

编辑:我在谷歌上搜索了很多，发现通过 window.onhashchange 以及 newURL 和 oldURL 你可以操作使其正常工作的浏览器历史记录。

也许使用pushState 和popState 会更好。

Answer 1

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

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