HTML 和 Javascript:使用自定义文本输入进行密码输入
我想重新发明 HTML 中的密码输入。
好的,这是我所做的工作:
http://www.symplik.com/password.html (它只是一个简单的 html 代码,没有什么特别的:>)
“密码”确实是一个文本输入,我使用 onkeyup 事件将输入重写为掩码字符。
有两个问题: (1) 无法检测到退格或删除 (2) 如果我打字速度很快,有些字符就无法立即捕获。
对于问题(1)。 通过检查密码字段中的文本长度和存储的密码可以部分解决此问题。 无论如何,这不是一个非常优雅的解决方案。
对于问题(2),我尝试在两者之间插入一些时间延迟函数,但仍然失败。 我会在每次 keyUp 之后将该字段设置为只读,但它的行为仍然相同。
I want to re-invent the password input in HTML.
Okay, here is the work I'd done:
http://www.symplik.com/password.html
(It just a plain html code, nothing really fancy :>)
The "password" is indeed a text input, and I used the onkeyup event to rewrite the input to masking characters.
There're two problems:
(1) backspace or delete cannot be detected
(2) if I type very fast, some characters cannot be captured promptly.
For problem (1). it is partially solved by checking the length of text in the password field and the stored password. Not a very elegant solution anyway.
For problem (2), I'd tried to insert some time delay function in between but still fail. I'd make the field readOnly after every keyUp but it still behaves the same.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
为什么不使用
它会为您屏蔽输入。 不需要 JavaScript。
Why not use
<input type='password'>
It masks the input for you. No need for javascript.