防止在使用TAB鍵時觸發jQuery模糊

Question

使用固定標題處理站點的移動版本。由於iPhones將頭部向上推，並在鍵盤向上滑動時，然後放下來...我決定用jQuery隱藏它。

工作很漂亮......除了當您用下一個/上一個按鈕「選項卡」時。然後標題將會脈動，因爲模糊事件被觸發。我已發佈fiddle here。我嘗試了很多不同的解決方案，但沒有找到一個可行的解決方案。

$(".input").focus(function() { 
    $('header').fadeTo("fast", 0).css('z-index', 1); 
}) 
$('.input').delay(100).blur(function() { 
    $('header').fadeTo("fast", 1).css('z-index', 3); 
}); 

Answer 1

添加stop您focus和小delay衰落應該做前：

$(".input").focus(function() { 
    $('header').stop(true).fadeTo("fast", 0).css('z-index', 1); 
}); 

$('.input').blur(function() { 
    $('header').delay(100).fadeTo("fast", 1).css('z-index', 3); 
}); 

http://jsfiddle.net/VVeL9/7/