iOS Safari键盘外观不会触发window.resize事件

Question

我有一个需要响应键盘出现的布局。

• Android（版本6 +） - 当键盘出现时 - window.resize触发。
• iOS（版本10 +） - window.resize不会触发。

我准备了一个小型演示，展示了内部高度如何响应键盘外观。您可以点击输入以调出键盘。

// select the paragraph element
const innerHeightParagraph = document.getElementById("inner-height")

// set the innerHeight for the first time.
innerHeightParagraph.innerText = window.innerHeight

// register resize event.
window.addEventListener('resize', function() {
  innerHeightParagraph.innerText= window.innerHeight
})

p {
  font-size:60px; margin:0px;


}

<h1>Current InnerHeight</h1>
<p id="inner-height"></p>
<input></input>

iOS建议的解决方法是什么？