聚焦和模糊没有被抓住答案

【问题标题】：focusout and blur not being caught聚焦和模糊没有被抓住
【发布时间】：2013-07-31 03:13:31
【问题描述】：

我试图让一个 div 在文本框获得焦点时出现，并在文本框失去焦点时消失。这应该发生在 iPad 的纵向模式下（因此检查 w

/*if the search-bar looses focus*/
$("#activate-search").focusout(function(ev){
    if (w < h) {
        $(".left-pane").hide();
        $("#senior-card-container").css("margin-top", "40px");
        ev.stopPropagation();
    };
});

/*if the search-bar gets focus*/
$("#activate-search").focusin(function(){
    if (w < h) {
        $(".left-pane").show();
        $("#senior-card-container").css("margin-top", "250px");
        $(".navbar").css("position", "fixed", "top", "20px");
    };
});

【问题讨论】：

iPad HTML Focus 的可能重复项

标签： jquery focusout focusin

【解决方案1】：

看看here

很遗憾，这是不可能的。我也遇到了 jQuery 和便携式设备的问题。

【讨论】：

【解决方案2】：

也许有助于解决模糊问题。

<input type="text" id="search" />
<input type="text" id="search2" />

var isIpad = /(iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent);
if (isIpad === true) {
    $("#search").on('click', function () {
        lastFocus = $(this).attr('id');
        checkFocusInterval = setInterval(blurIpad, 200);
    });
}

function blurIpad() {
    var focusNow = document.activeElement;
    if (focusNow.getAttribute('id') != lastFocus) {
        clearInterval(checkFocusInterval);
        alert('The iPad has left the hou.. uhhm input')    
    }
}

【讨论】：