禁用显示的移动默认键盘（Web APP，而不是APP）

Question

我开发了一个JavaScript虚拟键盘，并计划不使用默认的移动键盘。

但是，每当我专注于html文本字段，textarea，甚至使用div contenteditable =“true”＆gt;时，默认键盘都会弹出并覆盖我的虚拟键盘。

有没有关于如何禁用或阻止默认移动键盘并阻止其显示的想法？

Answer 1

我遇到了类似的问题，最后我所做的只是将textarea替换为div元素。

在div元素（放置而不是textarea）中添加了一个click事件，当用户点击div元素时，虚拟键盘div（键盘在页面加载时隐藏在div中）将是显示，当用户输入时，内容会附加到append and appendTo到div。

希望这能让您简要了解如何解决这个问题。

Answer 2

• 抓住onFocus事件
• 设置event.preventDefault（）;和event.stopPropagation（）;
• 将textarea.focus（）设置为setTimeout，延迟时间为0ms。
  
  setTimeout中的focus（）方法将阻止显示默认系统键盘。

（验证方法名称，我是从头开始写的，对不起我的英语）