防止鼠标后退/前进按钮

时间:2018-08-23 14:02:56

标签: javascript

上下文:感谢GWT,我们已经在JS / HTML中部署了沉浸式游戏。用户抱怨在播放时不小心按下了“后退/前进”鼠标按钮,导致他们在操作过程中无意中离开了页面。我们要阻止这些鼠标按钮的默认操作,或者想出一些解决方案(通常会很烦人并且具有侵入性),该解决方案会通过弹出窗口警告/警告用户,指出如果他们单击确定,他们将要退出游戏。

问题:如何在整个网页中阻止Mouse Button 3 (typically Browser Back button) and Mouse Button 4 (typically Browser Froward Button)的默认操作?

可能的解决方案:我看到了一个类似的解决方案,其中涉及'mousedown'ref)和'mouseup'ref)的addEventListener以及后续调用到可能触发event.preventDefault()和event.stopPropagation()的函数,但没有看到与鼠标的Back and Forward功能类似的东西。还尝试了类似this之类的方法,但无济于事(我是JS菜鸟)。

1 个答案:

答案 0 :(得分:0)

您可以考虑处理Beforeunload事件。

这是为了离开页面而触发的操作(例如,单击“后退”按钮-但它还会处理刷新等)