javascript – 当我在iOS上的网站上输入密码时,如何隐藏最后一位数字

我的网站上有一个带密码类型的输入标签.

<input type="password">

使用iPad或iPhone时,它会在您输入密码时始终显示最后一个字母.

我的问题是我用iPad做了很多我的网站演示.

当我输入密码时,我不希望iPad显示最后一个字母.

我可以通过修改我网站上的内容来修复此问题吗？

解决方法

“最简单”的事情可能是创建一个自定义输入,该输入监听键并存储实际键值,同时在字段中显示•或*.

只需附加一个键监听器并为您输入的每个字母显示*,这样您就知道您实际上正在添加输入.

键入左侧的字段,我在右边的字段中显示我正在收集的内容,同时仅显示您键入的星号.它需要一些工作来检测退格和大写等等,但你明白了.
小提琴上的例子：http://jsfiddle.net/d94P5/

例

<input type="text" id="password">
<input type="text" id="hiddenValue">​

使用Javascript

var field = document.getElementById("password")
var realValue = "";
field.onkeydown = function(evt){
    realValue += String.fromCharCode(evt.keyCode)      
    this.value = realValue.replace(/./g,"*");      
    document.getElementById("hiddenValue").value = realValue

    return false;   
}