Javascript 是否可以使用popstate仅针对浏览器后退按钮?

Javascript 是否可以使用popstate仅针对浏览器后退按钮?,javascript,reactjs,html5-history,popstate,Javascript,Reactjs,Html5 History,Popstate,我试图在使用“浏览器后退”按钮保存更改时提醒用户。我目前正在使用“popstate”事件监听器,该监听器工作正常,但是一旦用户确认消息说他们将要离开页面,如果他们按下浏览器前进箭头,他们将看到相同的确认消息,这是误导 有没有办法只在浏览器的后退按钮上使用这个 下面是我当前的代码(我也在使用React钩子) 谢谢 useffect(()=>{ window.addEventListener('popstate',函数(事件){ if(事件状态){ 确认(“是否要离开此页?”); } },假);

我试图在使用“浏览器后退”按钮保存更改时提醒用户。我目前正在使用“popstate”事件监听器,该监听器工作正常,但是一旦用户确认消息说他们将要离开页面,如果他们按下浏览器前进箭头,他们将看到相同的确认消息,这是误导

有没有办法只在浏览器的后退按钮上使用这个

下面是我当前的代码(我也在使用React钩子)

谢谢


useffect(()=>{
window.addEventListener('popstate',函数(事件){
if(事件状态){
确认(“是否要离开此页?”);
}
},假);

},[])
不确定Popstate,但您应该知道浏览器反对这种做法。(阅读以获得良好的解释)将一个状态推到onload(例如为空状态),并将event.state和空状态一起比较。@TimVermaelen您能给我看一个这样的代码示例吗?请在卸载前检查