javascript - 手机网页，如何让输入框被点击获取焦点时，不调用输入法？

Question

问题的需求背景是:
手机网页有个输入框，只允许输入数字。
最早尝试采用：

<input type="number"/>

和

<input type="tel"/>

虽满足调起数字键盘的需求，但是由于兼容问题被舍弃。
现在想通过自己做一套html布局，模拟数字键盘的布局和交互,同时输入框还能获取焦点和移动焦点，只不过没有调起输入法，而是弹出一套模拟数字键盘，通过点击模拟数字键盘上的数字和按钮操作，实现输入。
现在遇到的问题是：
点击输入框获取焦点时，输入法会自动调起，怎么办？怎么屏蔽掉？

Answer 1

假如说用的zepto,$('#input').on('focus', function(event){

你为输入框focus定义的一些行为.balabala...
event.preventDefault();

}); 这样不行嘛

Answer 2

因为你是input标签，必然会调起输入法的，我有个解决的办法，就是做一个假的输入框，比如用span标签，有一点缺陷的就是没有光标。

Answer 3

在focus事件里，
移除掉焦点，这样系统键盘应该就没了，
然后再弹出你的键盘，反正你的键盘上点击数字是直接用代码给input赋值的无所谓

---

只是我的猜想啦，我没做过。

Answer 4

用js给表单绑定focus的响应事件，然后在事件处理函数当中，添加

event.preventDefault();

禁用表单默认的focus响应事件试试。