如何檢測何時顯示數字鍵盤（在移動設備上）？

Question

我遇到了一個非常煩人的問題。

我有一個全屏的 html canvas。 更改屏幕大小時，它會檢測到屏幕大小已更改，並自動將 canvas 重新縮放到“新”全屏。

我將 object 放入 canvas（基本上是一個文本輸入字段）。

在移動設備上，當點擊這個 object 時，虛擬鍵盤會彈出並明顯改變屏幕尺寸。 通過這樣做，canvas 可以縮放到“新”屏幕尺寸。

當數字鍵盤彈出時，我想忽略自動縮放 function。

有什么方法可以檢測何時顯示數字鍵盤？

Answer 1

我唯一能想到的解決方法是在顯示數字鍵盤時停止調整頁面大小：

$(function() {
    var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
    var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
    $("html, body").css({"width":w,"height":h});
});