伪输入文本JavaScript

我有两个HTML输入字段：

<input type="password" maxlength="4" id="fakepassword" />
<input type="hidden" maxlength="8" id="password" /> 

如何在键入密码时以及焦点在伪造密码时将值插入密码字段？
我试图通过OnkeyUp事件从fakepassword获取值，但我被困在maxlength。
有没有一种方法可以从键盘按键中获取值

我真正的问题是，我有一个登录表单，我希望我的密码字段只显示4个字符，不管我在其中输入了多少字符

---

请提供帮助。

您可以在jquery中捕获事件：

$('#fakepassword').on('keyup', function(e){
    console.log(String.fromCharCode(e.keyCode)); //this logs the letter to the console.
});

---

您是否只想将其用于UI？因此，作为安全预防措施，用户将看不到其密码的实际长度？您可以将一个图像放置在密码字段的顶部，并通过单击将其传递到实际的密码字段

<div id="pass_div">
    <input type="password" name="pass" id="pass" />
    <img id="pass_img" src="" />
</div>

---

请提供您的代码。HTML和javascript。如果你想要一个更快更好的解释，你可以做一个更好的解释。不，先生，我想让它与函数一起工作，因为这是一个任务。什么是console.log？如何使用这个console.log获取字符串？console.log将向浏览器日志发送一条消息，这在使用javascript时非常方便。我真的建议您使用它，以下是使用方法：

<div id="pass_div">
    <input type="password" name="pass" id="pass" />
    <img id="pass_img" src="http://i.imgur.com/1JthtLK.gif" />
</div>

#pass_div {
    position: relative;
    display: inline-block;
}
#pass_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    pointer-events: none;
}