我想检测元素的焦点事件，但前提是它是由用户按 Tab 键启动的。例如：
<input type="text" id="foo" />
<input type="text" id="detect" />
如果用户专注于#foo并按下Tab，我希望事件在#detect成为焦点后触发（或者焦点事件中的条件为真）。相反，如果用户只是单击该#detect字段以使其聚焦，我不希望触发事件（或者我希望聚焦事件调用中的条件为 false）。
我不想使用 keydown 事件#foo并检查是否按下了 tab 键，因为我希望该方法独立于任何其他元素。
我查看了以下代码的控制台输出，但没有注意到两种聚焦方法之间的任何真正区别：
$('#detect').on('focus', function(e){
console.log(e);
});
（小提琴）
这有可能以相对简单的方式完成吗？
我知道您已接受答案，但您可以使用以下命令测试按下的按钮：
$('#detect').on('focus', function(e){
$(window).keyup(function (e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 9) {
alert('I was tabbed!');
}
});
});
编辑：改变监听器：
$(window).keyup(function (e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 9 && $('#detect:focus').length) {
alert('I was tabbed!');
}
});
一个更具响应性的解决方案是使用两个侦听器：
var mousedown = false;
$('#detect').on('mousedown', function () {
mousedown = true;
});
$('#detect').on('focusin', function () {
if(!mousedown) {
// logic
}
mousedown = false;
});
小提琴显示速度差异：
正如您所注意到的，事件对象本身并不区分访问方式。您可以做的是绑定一个mousedown侦听器，该侦听器将在之前触发focus，并设置一些时间戳标志，您可以将其与focus处理程序中的某个阈值进行比较。
您可以通过此代码检查特定输入的焦点事件
$(window).on('keyup', function(event){
if(event.keyCode == '9'){
getFocused(event);
}
})
var focused = 0;
function getFocused(e){
var ida = $(':focus').eq(0).prop('id');
if(ida=='detect' && focused==0){
focused = 1;
console.log(e);
}
}
我使用以下内容：
(function() {
const tabHistory = [];
window.addEventListener('keyup', function (e) {
const code = e.keyCode || e.which;
const index = tabHistory.length === 0 ? 1 : tabHistory.length + 1;
if (code == 9) {
tabHistory.push({
element: e.target,
index
});
console.log(index, e.target, tabHistory);
}
});
})();
我建议跟踪关注的元素，这样可以确保用户能够按预期进行选项卡。
希望能帮助到你！