jquery - 防止在使用 TAB 键时触发 jQuery 模糊

Question

在具有固定标题的网站的移动版本上工作。因为 iPhone 将标题向上推，而键盘向上滑动，然后又回落……我决定使用 jQuery 隐藏它。

工作得很好......除了当你使用下一个/上一个按钮“标签”时。然后标题将跳动，因为触发了模糊事件。

我在这里发布了一个小提琴。我尝试了很多不同的解决方案，但没有找到一个可行的。

$(".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/