爲什麼$（this）.focus（）;當在jquery中聚焦時，不會在同一個元素上工作

Question

最初我試圖驗證用戶輸入，當我偶然發現一個問題時，我不能在聚焦時修復焦點在某個元素上的光標。這是代碼

$("#ChapterCode").keydown(function(e){ 
    if(e.keyCode==9 || e.keyCode==13){ 
     if($(this).val()!=""){ 
      ChapterCode(); 
      get_fees(); 
      return true; 
     }else{ 
      $(this).focus(); 
      return false; 
     } 
    } 
}); 

這將工作作爲返回false將點擊標籤改變時禁止焦點。 然而

$("#ChapterCode").focusout(function(e){ 
     if($(this).val()!=""){ 
      ChapterCode(); 
      get_fees(); 
      return true; 
     }else{ 
      e.preventDefault(); 
      $(this).focus(); 
      return false; 
     } 
    }); 

這不會工作相同的模糊任何幫助嗎？我加了e.preventDefault（）;知道它不會工作，以防萬一。非常感謝幫助，再次感謝。 請不要告訴我創建一個錯誤信息或類似的東西，因爲它只是沒有問題。

Answer 1

它看起來像不同的瀏覽器行爲。

在Chrome它的工作原理就是這樣。您可以將焦點設置在blur或focusout之內。

FireFox不是這個。您需要將其包裝到setTimeout()中。

$("#ChapterCode").focusout(function(e){ 
    if($(this).val()!=""){ 
     ChapterCode(); 
     get_fees(); 
     return true; 
    }else{ 
     var self = $(this); 
     setTimeout(function(){ 
      self.focus(); 
     }, 1);    
     return false; 
    } 
}); 

這將挫傷重點#ChapterCode。你無法完全防止盒子失去焦點。您需要引入一個變量，該變量包含this引用，可通過關閉從setTimeout()訪問該變量。

例子：http://www.jsfiddle.net/hGjwZ/1/