提交表单时键盘消失

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) =>

{

    // Use Ajax to send the message to php page.

    if (input.value.length !== 0)

    {

        console.log(input.value);

    }

    // Reset the input:

    input.value = "";

    // Disable the submit:

    e.preventDefault();

});

send.addEventListener("focus", (e) =>

{

    input.focus();

});

<form class="panel" id="form">

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

  <button name="send" class="send">S</button>

</form>