當調用.focus（）並返回false時，jquery focusin不起作用;

Question

我對jQuery（1.7.2）的focusin/focusout事件有問題。

我有一個div的2個輸入。當他們中的一個獲得焦點時，我想向div中添加一個類。我只想刪除這個類，如果沒有任何輸入重點了。

---

$(function() { 
    $('#container').on('focusin',function(){ 
    $(this).addClass('test'); 
    }).on('focusout',function(){ 
    if ($(this).find('input:focus').length) return; 
    $(this).removeClass('test'); 
    }); 

    $('#container input').on('keydown',function(e) { 
    var keycode = e.keyCode || e.which; 
    //When Tab or Return, switch input 
    if (keycode == 9 || keycode == 13) { 
     $($(this).attr('data-target')).focus(); 
     return false; 
    } 
    }); 
}); 

---

<div id="container"> 
    <input type="text" id="a" data-target="#b"> 
    <input type="text" id="b" data-target="#a"> 
</div> 

---

http://jsfiddle.net/pqUFX/

工作正常，當我點擊進入輸入，我的鼠標切換焦點。但是當通過調用$('#b').focus();將焦點設置到輸入的keydown()事件中的其他輸入時，即使在檢查div內的現有焦點時，該類也會被刪除。

也許是因爲我的return false;，所以標籤不會切換兩次？你有其他解決方案嗎？

Answer 1

不知道爲什麼它不工作得（應該），但你爲什麼不使用這樣的事情：

$(function() { 
    $('#container input').on('keydown',function(e) { 
     var keycode = e.keyCode || e.which; 
     //When Tab or Return, switch input 
     if (keycode == 9 || keycode == 13) {    
      $($(this).attr('data-target')).focus(); 
      $(this).parent().addClass("test"); 
      return false; 
     } 
    }).focusin(function() { 
     $(this).parent().addClass("test");     
    }).focusout(function() { 
     $(this).parent().removeClass("test");     
    }); 
});​