Phonegap输入类型密码字段焦点

Question

我在phonegap开发了一个应用程序.在输入标签中,如果我给出type ='text',那么效果很好.但是当我输入输入类型='密码'时,另一个字段将打开到当前字段.

我怎样才能删除上述字段..

我的css是

.login-screen input.login {-webkit-border-radius:4px; width:90%; border:none; height:33px; -webkit-box-shadow: inset 0px 1px 2px 0px rgba(150, 150, 150, 0.9);
-moz-box-shadow: inset 0px 1px 2px 0px rgba(150, 150, 150, 0.9); box-shadow: inset 0px 1px 2px 0px rgba(150, 150, 150, 0.9);  padding-left:10px; margin-bottom:10px;}

HTML

<td align="center"><input type="text" id="vEmail" name="vEmail"  title="Enter Email" value="" alt="" class="login"  /></td>
      </tr>
      <tr>
        <td align="center" ><input type="password" id="vPassword"  name="vPassword"  title="Enter Password" value="" alt=""   class="login"/></td>
      </tr>

我希望你能通过看到这张图片了解更多!

如果我删除我滚动其工作正常...即使我使用滚动,我怎么能使它工作

Answer 1

这是一个更简单的解决方案

更改 <input type="password" />

至

<input type="text" class="password-field" />

在CSS样式表中.

input.password-field {
     -webkit-text-security: disc;
}

http://css-infos.net/property/-webkit-text-security

我正在构建一个PhoneGap(cordova)ANdroid应用程序,到目前为止我花了大约18个小时试图找到一个修复程序,如果密码字段在屏幕上而不是在滚动区域下方,则会破坏iScroll实例类型... webkit文本安全CSS属性是一个更好的修复,我已经对这个CSS属性做了一些研究,似乎所有的Android版本都运行webkit所以你应该很好地去使用这个修复程序的所有Android版本!

Answer 2

我已经能够避免使用android:windowSoftInputMode ="adjustNothing".+ Sandy09对叠加+位置是正确的.似乎避免这种情况的唯一好方法是防止android在IME start(adjustNothing)上移动内容,同时防止webview内的内容移动.这似乎打破了所有CSS3 3d/3d变换,即使是简单的缩放和变换原点也可以打破它.

有更糟糕的消息:在某些时候,我的密码箱工作正常,然后由于CSS的变化,它永久地回来了.在某些时候,如果浏览器放慢速度(画布),Window似乎失去了跟踪输入框的能力.对我们来说,每当我们按下IME上的7(7)键时,就会导致SIGSEGV.这也适用于所有Android设备,无论版本如何.

我放弃了所有这一切,只是制作了自己的KeyboardView.我现在有点开心了.