jquery - 聚焦和模糊没有被抓住

Question

我试图让一个 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");
    };
});

Answer 1

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

<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')    
    }
}

Answer 2

看看这里

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