Javascript 禁用手机默认键盘以显示(Web应用程序,而不是应用程序)

Javascript 禁用手机默认键盘以显示(Web应用程序,而不是应用程序),javascript,jquery,html,web-applications,jquery-mobile,Javascript,Jquery,Html,Web Applications,Jquery Mobile,我已经开发了一个JavaScript虚拟键盘,并计划不使用默认的移动键盘 但是,每当我关注html文本字段、文本区域,甚至使用div contenteditable=“true”>,默认键盘就会弹出并覆盖我的虚拟键盘 有没有办法禁用或阻止默认移动键盘并阻止它出现?我也遇到过类似的问题,最后我只是简单地将textarea替换为div元素 向div元素添加了一个click事件(它被放置在而不是textarea),当用户单击div元素时,将显示虚拟键盘div(加载页面时,键盘隐藏在div中),当用户键

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

但是,每当我关注html文本字段、文本区域,甚至使用div contenteditable=“true”>,默认键盘就会弹出并覆盖我的虚拟键盘


有没有办法禁用或阻止默认移动键盘并阻止它出现?

我也遇到过类似的问题,最后我只是简单地将
textarea
替换为
div
元素

向div元素添加了一个click事件(它被放置在而不是
textarea
),当用户单击div元素时,将显示虚拟键盘div(加载页面时,键盘隐藏在div中),当用户键入时,内容将附加到div中

希望这篇文章能让您对如何解决这个问题有一个简单的想法。

  • 捕捉onFocus事件
  • Set event.preventDefault();和event.stopPropagation()
  • 将textarea.focus()设置为延迟0毫秒的setTimeout。

    setTimeout中的focus()方法将阻止显示默认系统键盘
(验证方法名称,我从头开始写,抱歉我的英语)