有没有办法在 Safari（网络浏览器）上隐藏 iPad 键盘

Posted 2023-03-12

【中文标题】有没有办法在 Safari（网络浏览器）上隐藏 iPad 键盘

【英文标题】：Is there a way to hide iPad keyboard on safari (web browsers)

【发布时间】：2014-08-13 06:21:29

【问题描述】：

有没有办法（jquery/javascript/css）在我们每次关注输入字段时阻止 iPad 键盘弹出。这里的想法是改用屏幕键盘（如http://mottie.github.io/Keyboard/mobile.html），因为 iPad 的键盘几乎占据了屏幕的一半，这不是必需的。

【参考方案1】：

您可以定义一个变量hideKeyboard 并在需要时调用它：

var hideKeyboard = function () 
    document.activeElement.blur();
    $("input").blur();
;

参考：

document.activeElement

blur()

您可以使用纯 Javascript 替代方案：

var hideKeyboard = function() 
 document.activeElement.blur();
 var inputs = document.querySelectorAll('input');
 for(var i=0; i < inputs.length; i++) 
  inputs[i].blur();
 
;

【讨论】：

如果这对你有用，别忘了标记为答案

其实还是不行:)。问题是我们点击输入字段写入的那一刻，键盘弹出。得到解决方案后会尽快更新您

已更新。以下代码应该可以工作。如果需要，也可以使用伪 CSS 选择器 :focus！