Javascript 以编程方式在方向更改时启用iOS键盘

Javascript 以编程方式在方向更改时启用iOS键盘,javascript,jquery,ios,ipad,Javascript,Jquery,Ios,Ipad,我正在构建一个具有响应性设计的网站,如果视口足够大/小,它可以在移动视图和桌面视图之间切换。因此,我有两个搜索栏(移动和桌面)。在iPad上,我希望能够在一个搜索栏上旋转屏幕,另一个搜索栏自动聚焦,包括键盘 以下是我现在在脚本中的内容: window.onorientationchange = function() { $('input').css('cursor', 'pointer'); if($('.search-input-mobile').css('d

我正在构建一个具有响应性设计的网站,如果视口足够大/小,它可以在移动视图和桌面视图之间切换。因此,我有两个搜索栏(移动和桌面)。在iPad上,我希望能够在一个搜索栏上旋转屏幕,另一个搜索栏自动聚焦,包括键盘

以下是我现在在脚本中的内容:

window.onorientationchange = function() {
        $('input').css('cursor', 'pointer');

        if($('.search-input-mobile').css('display') != 'none' && $('.search-input').css('display') == 'none' && $('input:focus').length > 0 && Math.abs(window.orientation) != 90) {
            $('.search-input-mobile').trigger('click');
        } else if(Math.abs(window.orientation) === 90 && $('input:focus').length > 0 ) {
                $('.search-input').trigger('click');
        } else if($('input:focus').length > 0 ) {
            $('.search-input-mobile').trigger('click');
        }
    };

    $('.search-input').click(function(e){
        alert('got desktop');
        document.activeElement.blur();
        $('.search-input-mobile').blur();
        var temp = $('.search-input-mobile').val();
        $('.search-input').val('');
        $('.search-input').val(temp);
        $('.search-input').focus();
        e.preventDefault();
    });

    $('.search-input-mobile').click(function(e){
        alert('got mobile');
        document.activeElement.blur();
        var temp = $('.search-input').val();
        if (temp != '') {
            $('.search-input-mobile').val('');
            $('.search-input-mobile').val(temp);
        }
        $('.search-input-mobile').focus();
        e.preventDefault();
    });
我已经试了几乎所有我能找到的东西,所以没有用。有人知道如何做到这一点吗?作为补充说明,我希望尽可能避免额外的库