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

Question

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

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

案例1工作正常，但是当我们按下回车键时，焦点移动到按钮2，然后移动到按钮1，这里我发现模糊也在我们按下回车按钮时调用，因此它调用了关注功能，有没有如何实现我的目标？

$('#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);
});

Fiddle example

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;

});