当我使用登录框时，如何防止退格键将我带回到上一页

Question

登录框位于网站的标题中，所有页面都可用。 我正在使用 JavaScript：

<script type="text/javascript" language="javascript">
       history.forward();

这解决了登录框中退格的问题。 但是，当我浏览网站的其余部分时，我可以使用退格键查看上一页，而我只能使用导航菜单。我该如何解决这个问题？

Answer 1

试试这个 JavaScript

<script for="document" event=onkeydown>

// Check if this is a Backspace
 if (window.event.keyCode == 8)
 {
    // Cancel backspace if not in a text element
    if(document.activeElement.type != "text")
    {
        window.event.returnValue=false;
    }
 }
 </script>

Answer 2

网页更改浏览器的按键绑定是一个有争议的话题，因为这违反了最小惊喜原则（用户体验设计师应该熟悉这一原则）。另外，并非所有浏览器都有此键映射（Bksp -> 返回）。

也就是说：您可以尝试捕获关键事件，如所述 此处 并取消事件传播。不确定这是否适用于所有键，因此您必须尝试看看。

Answer 3

如果您使用正确的 HTML 文本输入框并且焦点位于其上，则退格键不会让用户返回。如果您没有使用正确的 HTML 输入框，那么我建议您这样做。浏览器会为你处理这些事情。