javascript - 如何用Javascript模拟输入框的输入？

Question

我想做的是让输入框认为我正在向其中输入数字，而不是更改所述输入的值。所以我做的第一件事就是让输入框成为一个变量:

var input = document.querySelectorAll("input")[1];

然后我所做的就是聚焦输入框，让它看起来像是我用鼠标点击了它:

input.select();

这是我现在坚持的部分。我想做的是让输入框认为我输入了一个数字，比如 41。如果有人能告诉我我需要在控制台中输入什么代码才能让输入框认为我输入了“41” ， 这将不胜感激。谢谢。

Answer 1

您可以使用setTimeout 每次添加一个字符，如下所示:

var input = document.querySelectorAll("input")[1];
input.select(); // you can also use input.focus()
input.value="";

var text = "41";
var l=text.length;
var current = 0;
var time = 1000;


var write_text = function() {
  input.value+=text[current];
  if(current < l-1) {
    current++;
    setTimeout(function(){write_text()},time);
  } else {
    input.setAttribute('value',input.value);
  }
}
setTimeout(function(){write_text()},time);

<input type="text">
<input type="text">

这将适用于您要编写的任何内容，您只需根据需要调整变量即可。