Phonegap输入类型密码字段焦点。-Phonegapinputtypepasswordfieldfocus

7  

I've been able to avoid this be using android:windowSoftInputMode="adjustNothing". +Sandy09 is right about the overlay + position. It seems the only good way to avoid this is to prevent android from moving the contents on IME start (adjustNothing), and also be preventing the contents inside the webview from moving at all. This also seems to break all CSS3 3d/3d transforms, even simple scales and transform-origin can break it.

我已经能够避免使用android:windowSoftInputMode="调节器"。+Sandy09是关于叠加+位置的。避免这种情况的唯一好办法似乎是阻止android移动IME start(可调启动)上的内容，同时也阻止webview内的内容移动。这似乎也打破了所有的CSS3 3d/3d转换，甚至简单的尺度和转换源都可以打破它。

There is worse news tho: at some point i had password boxes working fine, then due to CSS changes it came back permanently. At some point if the browser is slowed down enough (canvas) the Window seems to lose its ability to track the input box. For us, this led to SIGSEGVs every time we pressed the 7 (seven) key on the IME. This was on ALL android devices too, Regardless of version.

更糟糕的消息是:在某个时候，我的密码框可以正常工作，但是由于CSS的改变，密码框永久地返回了。在某些时候，如果浏览器速度足够慢(画布)，窗口似乎就失去了跟踪输入框的能力。对我们来说，这导致每次我们按7(7)键在IME上时都出现了sigsegv。这也适用于所有android设备，无论版本如何。

I gave up on all of this and just made my own KeyboardView. I'm a little happier now.

我放弃了这一切，只做了我自己的KeyboardView。我现在更开心了。

14  

Here is an easier solution!

这里有一个更简单的解决方案!

Change

改变

to

来

In your CSS style sheet(s).

在CSS样式表中。

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

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

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

I am building a PhoneGap (cordova) ANdroid app and i spent about 18 hours so far trying to find a fix, destroying the iScroll instance kind of works if the password field is on the screen and not below the scrolling area... The webkit text security CSS property is a much better fix and i've done some research on this CSS property and it seems like all the Android versions run webkit so you should be good to go for all versions of Android with this fix!

我正在构建一个PhoneGap (cordova) ANdroid应用程序，到目前为止，我花了大约18个小时试图找到一个解决方案，如果密码字段在屏幕上而不是在滚动区域下方，那么iScroll实例就会被破坏。webkit文本安全CSS属性是一个更好的修复，我已经对这个CSS属性做了一些研究，看起来所有的Android版本都运行webkit，所以你应该用这个修复去寻找所有版本的Android !

1  

Check out this fiddle for the Login/Register page.... Use password field like that as given in the fiddle

看看这个小提琴为登录/注册页面....使用像小提琴中给出的密码字段

http://jsfiddle.net/elijahmanor/3Rmdm/1/

http://jsfiddle.net/elijahmanor/3Rmdm/1/

1  

This is not the problem with Phonegap.. this issue is also occurs in the webview.. in many devices like (samsung, sony, and emulator etc) the password field is overlay with the another field and rest of fields works fine. coming to HTC this issue will rises in the all type of fields..

这不是Phonegap的问题。这个问题也出现在webview中。在许多设备(如三星、索尼、模拟器等)中，密码字段与另一个字段重叠，其余字段工作正常。进入HTC，这个问题将会在所有类型的领域上升。

normally this overlay field covers exact to the bottom field and looks like only one field. but when we use the iscroll to apply scrolling property, the ovelay misplace as in the above fig.

通常，这个覆盖字段覆盖在底部字段上，看起来只有一个字段。但是当我们使用iscroll来应用滚动属性时，ovelay会出现错误，如图所示。

solution: onfocus on the field disable the iscroll and onblur refreshing the iscroll is an temporal solution which works fine.

解决方案:onfocus on the field disable the iscroll and onblur清爽the iscroll是一个暂时的解决方案，效果很好。

but this is not right solutions in all cases.

但这并不是所有情况下的正确解决方案。

waiting and trying for better solution..

等待并尝试更好的解决方法