使用登录框时如何防止Backspace将我带回到上一页

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

更改浏览器的键绑定的网页是一个有争议的主题，因为它违反了最少惊讶的原则（UX设计人员应该熟悉）。 同样，并非所有浏览器都具有此键映射（Bksp->返回）。

这就是说：你可以尝试捕捉的关键事件，例如如在这里和取消该事件的传播。 不知道所有按键是否都可以使用，因此您必须尝试看看。

Answer 3

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