Как потерять фокус ввода, когда устройство ориентируется?

Question

Я заметил, что устройства iOS блокируют просмотр вашего веб-сайта, когда вы сосредоточены на элементе формы и меняете ориентацию.

мне было интересно, если есть способ изменить этот код уже внедренную включить функциональность потерять <input> & <select> внимание на ориентацию ли пейзаж или портрет?

Вот код, у меня есть уже:

// Fix HTML width issues on device orientation 

window.document.addEventListener('orientationchange', function() { 
    var iOS = navigator.userAgent.match(/(iPad|iPhone|iPod)/g); 
    var viewportmeta = document.querySelector('meta[name="viewport"]'); 
    if (iOS && viewportmeta) { 
    if (viewportmeta.content.match(/width=device-width/)) { 
     viewportmeta.content = viewportmeta.content.replace(/width=[^,]+/, 'width=1'); 
    } 
    viewportmeta.content = viewportmeta.content.replace(/width=[^,]+/, 'width=' + window.innerWidth); 
    } 
    // If you want to hide the address bar on orientation change, uncomment the next line 
    window.scrollTo(0, 0); 
}, false); 

Любая помощь будет высоко ценится, благодаря

Answer 1

Эврика!

window.document.addEventListener('orientationchange', function(){ 
    if (window.orientation === 90 || window.orientation === -90){ 
     document.activeElement.blur(); 
    } 
    else if(window.orientation === 0) { 
     var viewportmeta = document.querySelector('meta[name="viewport"]'); 
     viewportmeta.content = viewportmeta.content.replace(/width=[^,]+/, 'width=' + window.innerWidth); 
    } 
    window.scrollTo(0, 0); 
}, false);