Javascript 以编程方式在方向更改时启用iOS键盘
我正在构建一个具有响应性设计的网站,如果视口足够大/小,它可以在移动视图和桌面视图之间切换。因此,我有两个搜索栏(移动和桌面)。在iPad上,我希望能够在一个搜索栏上旋转屏幕,另一个搜索栏自动聚焦,包括键盘 以下是我现在在脚本中的内容:Javascript 以编程方式在方向更改时启用iOS键盘,javascript,jquery,ios,ipad,Javascript,Jquery,Ios,Ipad,我正在构建一个具有响应性设计的网站,如果视口足够大/小,它可以在移动视图和桌面视图之间切换。因此,我有两个搜索栏(移动和桌面)。在iPad上,我希望能够在一个搜索栏上旋转屏幕,另一个搜索栏自动聚焦,包括键盘 以下是我现在在脚本中的内容: window.onorientationchange = function() { $('input').css('cursor', 'pointer'); if($('.search-input-mobile').css('d
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();
});
我已经试了几乎所有我能找到的东西,所以没有用。有人知道如何做到这一点吗?作为补充说明,我希望尽可能避免额外的库