如何使用Javascript模拟输入框中的键入?

时间:2017-12-03 10:52:16

标签: javascript html css

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

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

然后我做的就是把输入框关注起来,好像我用鼠标点击了它:

input.select();

这是我现在坚持的部分。我想做的是让输入框认为我输入了一个数字,比方说,41。如果有人可以请告诉我我需要将哪些代码放入控制台以使输入框认为我输入了&#34 ; 41",非常感谢。谢谢。

1 个答案:

答案 0 :(得分:4)

您可以使用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);
&#13;
<input type="text">
<input type="text">
&#13;
&#13;
&#13;

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