HTML5 input焦点键盘弹出问题

html-css015

HTML5 input焦点键盘弹出问题,第1张

最近项目有个需求，我们使用的是PDA装置，它有扫描枪，可以让扫描出来的内容填写到html的input控件中。

但是有一个棘手问题，就是input控件只要获取焦点，就会弹出键盘。

项目的需求，希望刚开始时，只是将焦点聚集在input控件上，可以通过扫描枪输入，然后点击input控件时，还能弹出键盘进行修改。

这个问题解决核心就是 input控件聚焦的时候，不弹出键盘，当点击的时候，才弹出键盘。

尝试了很多方法，最后发现了readOnly属性一个诡异作用。当调用 input控件的focus()方法时，如果readOnly属性为true，那么不会弹出键盘，但是焦点已经在 input控件上了。这个时候，再将readOnly属性设置为false，那么这个时候键盘不会弹出，但是可以扫描枪输入了。

示例:

今天要做一个搜索功能，搜索界面采用AutoCompleteTextView做搜索条，然后下面用listview来显示搜索结果，而我的主界面是在底部用tab做了一个主界面导航，其中有一个搜索按钮，因为在搜索条中输入文字的时候会弹出软件盘，但是如果不做什么设置的话，软键盘弹出来的同时，会把我下面的tab导航给相应拉到屏幕的上面，界面显示的扭曲啊，后来找到一种解决方法，在相应的activity中（比如我这是tab的activity，用的是adjustpan）添加android:windowSoftInputMode这个属性，下面详细说下这个属性：&X!Q6c9}%i.]6@0Y"N6^d{"XwindowSoftInputMode属性设置值说明。attributes:android:windowSoftInputMode活动的主窗口如何与包含屏幕上的软键盘窗口交互。这个属性的设置将会影响两件事情7S7U+S!p7s(U)n:t:m&N:1>软键盘的状态——是否它是隐藏或显示——当活动5w$r-U9i"h.O'M"M(Activity)成为用户关注的焦点。2>活动的主窗口调整——是否减少活动主窗口大小以便腾出空间放软键盘或是否当活动窗口的部分被软键盘覆盖时它的内容的当前焦点是可见的。它的设置必须是下面列表中的一个值，或一个”state…”值加一个+s.Z"m5u:{kB7v4Q”adjust…”值的组合。在任一组设置多个值——多个”state…”values，例如＆mdash有未定义的结果。各个值之间用+H8v$Q#~5f3B&`-G8c$y|分开。例如:在这设置的值8A:N!L'x0`:C(除'H0N"g,w2W)KF#y2l!c"stateUnspecified"和"adjustUnspecified"以外3^,p2EG:I2y/V)将覆盖在主题中设置的值将覆盖在主题中设置的值