JavaScript模拟键盘填表
时间: 2023-12-16 07:18:40 浏览: 87
你可以使用 JavaScript 来模拟键盘填表,以下是一个简单的示例:
```html
<form>
<input type="text" id="name" placeholder="姓名">
<input type="text" id="email" placeholder="电子邮件">
<input type="text" id="phone" placeholder="电话号码">
<input type="submit" value="提交">
</form>
<script>
// 获取表单元素
const form = document.querySelector('form');
const nameInput = document.querySelector('#name');
const emailInput = document.querySelector('#email');
const phoneInput = document.querySelector('#phone');
// 模拟键盘输入
function simulateTyping(input, text) {
let i = 0;
const intervalId = setInterval(() => {
input.value += text[i++];
if (i >= text.length) {
clearInterval(intervalId);
}
}, 100); // 每 100 毫秒打印一个字符
}
// 自动填充表单
form.addEventListener('submit', event => {
event.preventDefault(); // 阻止表单默认提交行为
simulateTyping(nameInput, '张三');
simulateTyping(emailInput, 'zhangsan@example.com');
simulateTyping(phoneInput, '13812345678');
});
</script>
```
这个示例会在表单提交时自动填充姓名、电子邮件和电话号码,使用 `simulateTyping` 函数模拟键盘输入。你可以根据自己的需要修改这个示例来实现更复杂的键盘填表功能。
阅读全文