单击文档正文时隐藏 iPad 键盘

Posted 2023-03-12

【中文标题】单击文档正文时隐藏 iPad 键盘

【英文标题】：Hide iPad keyboard when document body is clicked

【发布时间】：2014-04-22 20:43:19

【问题描述】：

你是怎么做到的？当点击输入之外的任何内容时，我试图让 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);
);

这会导致键盘无法关闭吗？

【参考方案1】：

你可以触发这样的事情：Change document.activeElement programmatically in JavaScript，很可能你有一个需要这个的活动元素。

【讨论】：

我没有，或者我不相信我有。我网站上的 jquery 是这样的：` $('.input-text').on('focus', function() $('#chat-slide').css( display: 'none ' );`

【参考方案2】：

创建一个微小的不可见输入字段并以编程方式关注它，然后将其从 DOM 中删除。这样一来，输入不再是焦点，操作系统将隐藏键盘