Question

我建立一个响应式设计的网站，如果视口大小足够，则可以在移动和桌面视图之间进行。因此，我有两个搜索栏（移动和桌面）。在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();
    });

我已经尝试过几乎所有我能找到的东西都无济于事。有谁知道如何做到这一点？作为旁注，如果可能的话，我想避免使用额外的库。

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

0 个答案: