设置间隔后如何在输入字段中按Enter

时间:2018-08-14 02:31:38

标签: javascript

我只是想知道在使用字符串自动填充setInterval之后是否有自动按下输入字段中的回车键吗?

setInterval(function () {
  document.getElementById('hudinput').value = Math.random().toString(36).substring(2, 15);
}, 5000);
<div id="hudid" class="hudclass">
  <input type="text" name="hud" id="hudinput" class="hud-input" placeholder="Enter text here..." maxlength="140">
</div>

1 个答案:

答案 0 :(得分:1)

在文本框中按Enter键对我来说毫无意义,因此我试图猜测您想要的是什么。

发送表格

如果您有这样的事情:

<form method="post" id="theForm">
    <div id="hudid" class="hudclass">
        <input type="text" name="hud" id="hudinput" class="hud-input" placeholder="Enter text here..." maxlength="140">
    </div>
</form>

您要发送此表单,只需在document.getElementById("theForm").submit()函数中调用setInterval

由于您使用的是setInterval,因此您可能还希望看到ajaxjQuery.ajax是不错的首选。

添加新行

您是否要在文本框中添加新行?不,<input type="text">不是多行文本框。您想使用<textarea>

如果要添加新行,则只需添加新行并聚焦即可,而不是按Enter键。

setInterval(function () {
  document.getElementById('hudinput').value = Math.random().toString(36).substring(2, 15);
  document.getElementById('hudinput').value += "\n";
  document.getElementById('hudinput').focus();
}, 5000);
<textarea id="hudinput" class="hud-input" placeholder="Enter text here..." maxlength="140" cols="40" rows="5"></textarea>