除了javascript中的最后一个字母外，如何使已键入字母的密码点出现？

我希望输入[type=password]只隐藏用户键入的字母，最后一个除外。 如果用户要在密码字段中写入更多的字母，则前一个字母应通过密码点隐藏，最后一个字母应保持可见，直到用户键入新字母。 有关更多信息，请访问以下图片：

---

一种实现是创建新的输入类型。。将键入的字符替换为除最后一个字符外的项目符号，然后在超时时也替换最后一个字符。。这样做会将输入的值更改为一个项目符号字符串，因此为了获得键入的实际值，必须使用myInput.getAttribute'data-value'；而不是myInput.value，这意味着您将无法像正常表单一样提交它

=>{ var-to； var fields=document.queryselectoral'[type=fancyPassword]'； Array.fromfields.forEachele=>{ ele.setAttributedata-value； ele.addEventListener'keyup'，函数{ 如果要清除超时，请执行以下操作：； if！this.value.length返回； var typed=this.value.split.pop； this.setAttributedata-value，this.getAttributedata-value+已键入； this.value=•.repeatthis.value.length-1+键入； to=setTimeout=>this.value=•.repeatthis.value.length，500； }; }; };

---

我不知道怎么做，我不知道我必须用css的伪类或javascript来做。