js密码输入键盘
基础概念
JavaScript密码输入键盘是一种通过JavaScript实现的安全输入方式，主要用于用户在网页上输入密码时提供额外的安全层。这种键盘通常会随机排列按键的位置，以防止键盘记录器（Keylogger）等恶意软件通过监控用户的按键顺序来窃取密码。
相关优势
- 防止键盘记录器：通过随机排列按键位置，可以有效防止键盘记录器获取用户的真实按键顺序。
- 提高用户体验：用户可以自定义键盘布局，使其更符合个人习惯。
- 增强安全性：结合其他安全措施，如验证码、双因素认证等，进一步提高账户的安全性。
类型
- 固定布局键盘：按键位置固定，但可以通过CSS样式进行伪装，使其看起来与普通键盘不同。
- 动态布局键盘：每次输入时按键位置都会随机变化，增加破解难度。
- 自定义键盘：允许用户根据自己的习惯设置按键布局。
应用场景
- 网上银行：保护用户的财务信息。
- 登录页面：防止恶意登录尝试。
- 敏感信息输入：如身份证号、信用卡号等。
示例代码
以下是一个简单的JavaScript密码输入键盘的实现示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Password Keyboard</title>
<style>
.keyboard {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-top: 20px;
}
.key {
padding: 20px;
font-size: 18px;
text-align: center;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 5px;
}
</style>
</head>
<body>
<input type="text" id="password" readonly>
<div class="keyboard" id="keyboard"></div>
<script>
const keyboard = document.getElementById('keyboard');
const passwordInput = document.getElementById('password');
const keys = 'abcdefghijklmnopqrstuvwxyz0123456789';
function createKeyboard() {
keyboard.innerHTML = '';
const shuffledKeys = keys.split('').sort(() => 0.5 - Math.random());
shuffledKeys.forEach(key => {
const keyElement = document.createElement('div');
keyElement.classList.add('key');
keyElement.textContent = key;
keyElement.addEventListener('click', () => {
passwordInput.value += key;
});
keyboard.appendChild(keyElement);
});
}
createKeyboard();
</script>
</body>
</html>可能遇到的问题及解决方法
- 按键位置随机化不够安全：
- 原因：简单的随机化可能仍然容易被预测。
- 解决方法：使用更复杂的算法，如基于时间戳的动态随机化。
- 用户体验不佳：
- 原因：频繁变化的键盘布局可能导致用户难以适应。
- 解决方法：提供用户自定义键盘布局的选项，或者在一定时间内保持布局不变。
- 兼容性问题：
- 原因：不同浏览器或设备可能对JavaScript的支持程度不同。
- 解决方法：进行充分的跨浏览器测试，并使用Polyfill等工具确保兼容性。
通过以上方法，可以有效提升JavaScript密码输入键盘的安全性和用户体验。
相关·内容
尝试获取页面以动态显示密码是否匹配(回声“匹配”或“不匹配”)。(类似于之前向提出的问题。)check.php echo 'Do not match';re
浏览 0提问于2017-09-30得票数 0
回答已采纳
1回答
每次我输入其中一个帐户时，界面都会崩溃，显示"Cinammon停止工作。您正在恢复模式下执行它。要重新启动肉桂吗？“(葡萄牙语的个人翻译)它给了我两个选择，是或否。如果我输入“是”，也会出现同样的问题；如果我输入“否”，PC就会进入部分启动状态。最后一个我不知道密码，但每次我输入第一个或第二个密码，并使用正确的密码，Linux拒绝我的登录信息声称Login incorrect。正因为如此，我无法与终点站合作解决肉桂问题。
浏览 0提问于2018-01-31得票数 0
众所周知，对键盘声音的分析可以揭示/提示输入密码时按下的键。可以将错误的字符(不属于密码)与Backspace、Arrow、Delete、Home、End等笔画混在一起，最终会删除这些错误的字符，并将原始密码留在字段中。举个例子:我可以连续输入S和back-arrow (好的，S在后箭头之前一点)。插入符号现在在S后面。当我按delete时，S字符被移除，这是一个零和笔画组合.假设目视检查是不可能的(攻击者有来自密码输入的“只声音”数据)，这
浏览 0提问于2016-09-28得票数 4
3回答
如果我有一个强大的启动密码，我每天在键盘上输入这个密码来安装我的“加密系统分区”.( Q2)如果我买了一个新键盘或笔记本电脑，而且我的密码很少输入(2-3次)，而且我很少用我的笔记本电脑打字，那还可能吗？还是说不太可能？( Q3)如果我买了一个全新的键盘，然
浏览 0提问于2018-01-23得票数 1
回答已采纳
我已经执行了一个干净的Ubuntu19.04安装3次，每次在第一次重新启动之后，当安装完成时，由于密码不正确，我会卡在登录屏幕上。前几次我认为我一定是疯了，输入了一个我不记得的密码--但第三次我甚至记下了密码，我选择了100%确定。我的第一个想法是，在安装过程中，选择我的本机键盘布局(瑞典语)不会在安装之后应用，但即使使用美国布局，我也会发现自己受到了错误的密码信息的欢迎。
浏览 0提问于2019-06-06得票数 1
回答已采纳
1回答
我想设置我的Ubuntu12.04笔记本电脑，这样我就可以在无人值守的情况下循环播放视频，同时不允许任何人在没有密码的情况下接管我的电脑。我认为这可以有两种方式之一，但这两种方式似乎都很难或很烦人：使用普通的ubuntu锁定与屏幕保护程序，以播放视频的循环。
浏览 0提问于2012-08-20得票数 7
回答已采纳
但是我不能通过键盘连接到设备本身。
没有错误消息，除非我输入密码时它无法登录。
浏览 0提问于2019-05-25得票数 0
在我的例子中，新的ubuntu22.04在用户密码中直接从键盘输入时不接受重音元音，但这种行为仅在第一次登录时才接受。
我的解决办法是通过屏幕上的键盘和普通键盘上的其他人输入这个字符。一旦密码被接受，我就可以访问了，那么系统就会直接从键盘接受我的密码，就像往常一样，在任何时候都是如此。我测试了它:我尝试从终端中的键盘直接输入它，它成功了，我尝试挂起系统，然后直接从键盘输入<
浏览 0提问于2022-09-04得票数 1
1回答
keytool -list -v -alias androiddebugkey -keystore "C:\Users\Shehar Yar Khan\.android\debug.keystore"我是android程序的新手，我正在开发颤振软件。所以，我不知道我是否还需要在这个问题中加入其他的东西。而这些密钥不
浏览 0提问于2019-04-24得票数 3
回答已采纳
它有一个输入字段。每次用户访问此页面时，都会出现弹出键盘。在我的应用中，如果你输入登录和密码，它会显示另一个屏幕(不需要重新加载页面)。但键盘仍然存在，您必须手动将其隐藏。
浏览 1提问于2010-07-24得票数 3
回答已采纳
2回答
我有两个密码输入，每个都是由密码键盘输入，但没有键盘输入。键盘是一个3乘3的表，有1到9的按钮。我试图向表中添加onmouseout和div包装器，但这不是我所期望的，因为当光标悬停在按钮上时，事件就会触发。
浏览 4提问于2009-07-09得票数 0
2回答
Ubuntu在我登录时开始拒绝我的密码。不是新的安装，直到现在我才能登录。对当前安装的恢复有什么建议吗？是否有可能在不丢失项目和数据的情况下安装更新版本的Ubuntu？
浏览 0提问于2014-08-15得票数 0
在windows xp上尝试从cygwin命令提示符将更改推送到github时，我收到以下错误。致命: HTTP请求失败
浏览 0提问于2010-08-20得票数 0
回答已采纳
1回答
我已经在iOS中创建了一个注册页面，其中包含一个密码和另一个确认密码字段。两者都有一个内容类型密码，键盘是ASCII启用的。当我开始在模拟器的键盘上输入密码时，我会在这两种键盘上输入一个强密码，这样我就可以不写任何其他内容了，但是当我在笔记本电脑的键盘上输入密码时，不会出现任何这样的错误。我已经附上了截图。
浏览 4提问于2022-02-04得票数 0
当使用Gnome 3.10.4中的开箱即用键盘时，会出现一个提示，例如输入gksudo的根密码；屏幕上的键盘在提示后面，我不能在屏幕上键盘上键入。
我怎么才能解决这个问题？我应该在船上使用吗？
浏览 0提问于2015-04-08得票数 3
1回答
我可以找到ChooseLockPassword (用于包含字母的密码)、ChooseLockPattern (用于Android模式)和ChooseLockGeneric (似乎可以确定在给定时刻显示哪一个不幸的是，我无法找到任何允许您设置PIN的类，只允许设置模式和密码。
浏览 0提问于2019-08-02得票数 0
回答已采纳
当我登陆用户名字段时，我可以选择自动填充它和密码，或者我可以点击键图标并浏览密钥链。
但是..。在模拟器里不起作用。假设我应该能够在模拟器中测试密码自动填充，这是错误的吗？
浏览 2提问于2020-05-26得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
