Javascript 我已经创建了一个带有提交按钮的聊天框，但文本区域在单击提交按钮时失去了焦点

在我的移动站点中，我有一个聊天功能，基本上有一个显示区、一个要写的文本区和一个提交文本的发送按钮，问题是，当我在文本区域中写入文本时，手机键盘弹出，当我点击发送按钮时，它失去焦点并提交文本，手机键盘消失。我的要求是，点击发送按钮时，键盘不应消失。

您可以覆盖

元素的

提交功能。
默认情况下，表单将删除所有
的内容，并将内容发送到
操作
属性中指定的任何内容。
如果要覆盖此行为，只需在
submit
事件上调用
preventDefault
方法即可。样本：


var-form=document.getElementById（'my-form'）；
var-input=document.getElementById（'my-input'）；
form.onsubmit=函数（事件）{
//阻止表单发送内容
//然后将其删除
event.preventDefault（）；
//再次聚焦输入元素
input.focus（）；
//通过ajax将内容发送到端点
警报（“发送内容…”）；
}
聚焦输入文本区域，以便聚焦文本区域，键盘显示在屏幕上

在java脚本函数中使用input.focus（）提交数据。如果您直接提交数据，然后更改代码，在ajax请求和响应完成后再次聚焦文本框
可能是您正在使用click（）函数发送消息，对于触摸设备，您可以简单地使用“touchend”事件，如下所示：

$(document).on('touchend', 'selector' ,function(){
    //you code goes here
});

现在，您的注意力仍将集中在文本区域。
希望这会有所帮助