提交表单时键盘消失

Question

我正在制作实时聊天应用程序，当用户在输入中键入内容并提交表单（单击发送按钮）时，键盘（移动设备上的虚拟键盘）消失。

我想保持键盘打开。

<form class="panel" action="">

  <input type="text" class="message" id="message" autocomplete="off" spellcheck="false">

  <img src="upl.png" class="upload_img"/>

  <button type="submit" class="send" id="send"></button>

</form>

Answer 1

let form = document.getElementById("form");let input = form.children["input"];let send = form.children["send"];form.addEventListener("submit", (e) =>{&nbsp; &nbsp; // Use Ajax to send the message to php page.&nbsp; &nbsp; if (input.value.length !== 0)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; console.log(input.value);&nbsp; &nbsp; }&nbsp; &nbsp; // Reset the input:&nbsp; &nbsp; input.value = "";&nbsp; &nbsp; // Disable the submit:&nbsp; &nbsp; e.preventDefault();});send.addEventListener("focus", (e) =>{&nbsp; &nbsp; input.focus();});<form class="panel" id="form">&nbsp; <input name="input" type="text" class="message" autocomplete="off" spellcheck="false"/>&nbsp; <button name="send" class="send">S</button></form>