javascript - .live 监听器检查用户是否按下 tab 以关注当前输入字段

Question

我有几个输入字段，一个在彼此之上，我希望能够检查用户是否使用了 tab 键或单击以关注当前输入字段。检查 .live('click', function() { 很容易，但我不知道如何检查他们是否使用 tab 来关注当前输入字段。

Answer 1

我敢肯定有很多方法可以做到这一点，但一种方法是监听 keyup 事件，然后找出聚焦的元素(如果有的话):

$(document).on('keyup', function(e) {
    if(e.keyCode == 9) {
        var input = $(this).find('input:focus');
        // input is the element that has focus after the tab key was pressed
    }
});

这可能不能保证 tab 键用于将焦点带到元素，但它可能足以满足您的需要。

如果您想检查用户在输入字段获得焦点之前使用的事件类型，请尝试:

$(document).on('keyup', function(e) {
    if(e.keyCode == 9) {
        findFocus(e);
    }
}).on('click', 'input', findFocus);

function findFocus(e) {
    var input = $(document).find('input:focus');
    if ( input.length ) {
       alert('Input was focused using '+e.type);
    }
}

另请注意，我使用了 .on() 事件而不是 .live()，因为 live 在 1.7 中已弃用。