84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
一个需求是这样：在页面点击一个操作以后触发这个输入支付密码的弹窗。具体步骤：弹出以后，input框focus，调出键盘，连续输入，然后输入到最后一位，会有一个校验密码的过程。因为有牵涉到用户隐私，所以安全性比较重要。问题是：我是弄六个input框，限定每个输入框maxlength为1，然后keyup到下一位，到最后一位以后拼接六个input的value发送一个ajax校验。。。有没有其他的方法或者思路
业精于勤，荒于嬉;行成于思，毁于随。
1个input框，设置maxlength='6'，隐藏起来(left: -9999px)。点击 passwordBox 时，input.focus()将input的值 实时显示到 6个p中。Backspace 自己补充。
input
maxlength='6'
left: -9999px
input.focus()
p
letter-spacing: 10px;//把input边框什么的都隐藏。然后用这个做显示，把文字和框分离了。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
1个
input框，设置maxlength='6'，隐藏起来(left: -9999px)。点击 passwordBox 时，
input.focus()将
input的值 实时显示到 6个p中。Backspace 自己补充。
letter-spacing: 10px;//把input边框什么的都隐藏。然后用这个做显示，把文字和框分离了。