javascript - 使用 JavaScript，您如何判断用户是否在向后跳格？

Question

我有一个 HTML 链接，我想在用户离开它时执行一些操作 - 但前提是用户在文档中向前而不是向后移动。

是否有一种可靠的跨浏览器方式来检测用户在文档中使用 Tab 键的方式，或者他们是否真的在文档中使用 Tab 键？我绑定(bind)到 blur 事件，但这并不一定意味着用户正在按 Tab 键。

我看过检查 document.activeElement 的值，或者源中前一个可聚焦元素的 hasFocus 属性，但是:

1. 这些似乎是相对较新的添加，因此可能没有得到广泛支持，并且
2. 我不确定当 blur 事件触发时是否可以检查它们，因为即使用户正在使用 Tab 键，我也不认为下一个元素会被聚焦。

Answer 1

您必须处理链接本身的 keydown 事件。

$("your link selector").keydown(function(evt){
    if (evt.which === 9)
    {
        if(evt.shiftKey === true)
        {
            // user is tabbing backward
        }
        else
        {
            // User is tabbing forward
        }
    }
});

检查这个JSFiddle example检测特定链接上的向前和向后制表符。

Sidenote: You didn't specify jQuery tag on your question al though I provided jQuery code in my answer. Since you hold Javascript as well as jQuery badges I suppose it's going to be trivial for you to convert my code to pure Javascript.