HTML 和 Javascript:使用自定义文本输入进行密码输入

发布于 2024-07-21 00:38:34 字数 479 浏览 11 评论 0原文

我想重新发明 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

留蓝 2024-07-28 00:38:34

为什么不使用

它会为您屏蔽输入。 不需要 JavaScript

Why not use

<input type='password'>

It masks the input for you. No need for javascript.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文