H5页面点击input隐藏系统键盘顶部栏

Question

因为开发需要，点击input 需要隐藏键盘，用readonly属性以后，键盘的确不会弹出，但是键盘顶部栏却还是要弹出来，请帮助

Answer 1

自定义的数字键盘？
那就不用input呀，用普通的容器就行了。键盘也用模拟的，反正就这么几个数字键

Answer 2

试下这个，之前遇到过这个问题

// html
<input type="text" onfocus="test()">
// js
<script>
function test() {
  event.currentTarget.blur()
}
</script>

Answer 3

一个数字键盘引发的血案——移动端H5输入框、光标、数字键盘全假套件实现

Answer 4

看楼主的示例，估计你已经解决了输入验证这一套问题了吧，你要让input只能显示，不能输入，可以直接在input上覆盖一个透明曾咯。这样子你怎么都不会出发input的fouce事件了

Answer 5

我之前写了个这个.你看看能不能帮到解决这个问题
https://segmentfault.com/a/11...