單擊文檔正文時隱藏iPad鍵盤

Question

你怎么做到這一點？ 我試圖使iPad鍵盤在單擊除輸入以外的任何內容時都隱藏起來，但是我網站上只有一個地方可以讓您單擊它並關閉鍵盤。 這只是一個標准

<div>Content</div>

沒什么特別的。 不知道為什么只有在單擊該區域時才會關閉鍵盤。 我還有很多其他具有相同樣式的div。 您如何使iPad檢測到體內的點擊以關閉鍵盤？ 是否有一些需要調用的JavaScript？

我想要一個實際的答案，但這可能會在我得到答案之前關閉。 =（

我的jquery確實有一些關注焦點和模糊的東西，只有以下幾點：

    $('.input-text').on('focus', function() {
    $('#chat-slide').css({
        display: 'none'
    });
});
$('.input-text').on('blur', function() {
    $('#chat-slide').fadeIn(400);
});

這會導致鍵盤無法關閉嗎？

Answer 1

您可能會觸發如下操作： 在JavaScript中以編程方式更改document.activeElement ，很可能您有一個需要此操作的active元素。

Answer 2

創建一個微小的不可見輸入字段，並以編程方式關注它，然后將其從DOM中刪除。 這樣，不再需要任何輸入，操作系統將隱藏鍵盤