首页 > 手机网页,如何让输入框被点击获取焦点时,不调用输入法?

手机网页,如何让输入框被点击获取焦点时,不调用输入法?

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

<input type="number"/>

<input type="tel"/>

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


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


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


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

event.preventDefault();

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


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

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

}); 这样不行嘛


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

【热门文章】
【热门文章】