我有一个平板电脑的HTML应用程序。有些有<input>
和许多其他元素一起<textarea>
:链接,菜单,文本,...Windows 10平板电脑浏览器:软键盘很bug
- 如果我不按任何
<input>
或<textarea>
一切只要我按一个输入工作正常 - 元素,软键盘弹出(如预期)。
- 输入一些文字和隐藏键盘后,键盘再次弹出每次我点击web应用(即使在非可聚焦元素)
这完全破坏了经验,你是被迫的任何地方总是显示键盘使用网络应用程序。
我已经尝试了许多不同的方法来操纵输入焦点没有任何成功,就像调用了焦点的组件,集装箱,窗口blur()
,focus()
和相关方法......但似乎只是重新加载页面键盘状态重置保持隐藏状态,直到点击可聚焦的元素。
我的实验:
经过在按下
<INPUT>/<TEXTAREA>
以外时,被删除的焦点:onblur()
被调用,并document.activeElement
返回null。还试图手动
blur()
onchange
被触发后的文档中的所有内容:$("input,textarea").blur()
。试图以手动给
focus()
到非交互式元件与TABINDEX(哈克):<div id="dummyfocus" tabindex="0"> $("#dummyfocus").focus()
我检查,事实上,虚设元件接收对焦时,
input/textarea
unfocuses,但即使在这种情况下,问题依然存在。
在Android或IOS一切正常:键盘不会自动显示如果没有<input>
或<textarea>
集中。
有什么建议吗?任何时髦的微软专有的css标签,我没有听说过? :)
感谢您的提示。我也发现了这种解决方法,但不幸的是,这并不能解决问题(你必须在DOM中的每个元素中添加'tabindex = x'''''''''''),即使在这种情况下,当你弹出键盘时,点击一个tabindexed元素。就像我研究过这个问题一样,我越来越相信它是一个(非常恼人的)错误:( – rupps