jQuery焦点并单击在元素上同时运行

Question

我有一个具有2种不同行为的按钮

1. 使用Tab键在键盘上导航时，当按钮模糊时，应将焦点移至按钮1
2. 当我们按下回车键时，它应该将焦点移至按钮2

情况1运行正常，但是当我们按Enter键时，焦点移至Button 2，然后移至Button 1，在这里我发现当我们按Enter键时也调用了模糊，因此它调用了关注功能，有什么方法可以实现我的目标？

$('#btn').on('focus', function(){
    }).on('blur', function(){
         setTimeout(function() {
            $('.span-hlo')[0].focus(); 
        },250);
});
$('#btn').on('click', function(){
setTimeout(function() {
    $('.span-welcome')[0].focus(); 
  },250);
});

小提琴的例子

Answer 1

像这样更新你的jquery

var lastClick = null;
$('#btn').mousedown(function(e) {
  lastClick = e.target;
}).focus(function(e){
    if (e.target == lastClick) {
      $('.span-welcome')[0].focus(); 
    } else {
      $('.span-hlo')[0].focus();    
    }
    lastClick = null;

});