uniapp的input输入框当点击回车后再次获取焦点

可以使用uni-app的input组件的bindconfirm事件来监听输入框的回车事件，然后在回车事件中调用输入框的focus方法来使其重新获取焦点。

示例代码：

<template>
  <view>
    <input placeholder="输入框" @confirm="handleConfirm" ref="input" />
  </view>
</template>

<script>
export default {
  methods: {
    handleConfirm() {
      // 回车事件处理
      this.$refs.input.focus(); // 重新获取焦点
    },
  },
};
</script>

通过在input组件中绑定confirm事件，当用户在输入框中按下回车键时，会触发handleConfirm方法。在该方法中，我们可以通过ref引用获取到输入框的实例，然后调用focus方法使其重新获取焦点。

相关问题

uniapp input输入框直接点击发送按钮后隐藏怎么还显示一个空白是边框，点键盘确认按钮之后再点发送就正常，解决案例

这个问题可能是由于输入框失去焦点后，键盘收起导致的。可以尝试在点击发送按钮时，手动让输入框失去焦点，然后再发送消息。

具体实现方法如下：

1. 在发送按钮的点击事件中，添加以下代码：

// 获取输入框元素
const inputEl = uni.$('#input');

// 手动让输入框失去焦点
inputEl.blur();

// 发送消息
sendMessage();

2. 在输入框元素中添加一个 id 属性，方便获取元素：

<uni-input id="input" placeholder="请输入消息内容"></uni-input>

这样就可以解决在直接点击发送按钮后，输入框边框还显示的问题了。

uniapp input输入框点键盘确认按钮之后再点发送按钮就正常,直接点击发送按钮后隐藏怎么还显示一个空白是边框，解决案例

这个问题可能是由于输入框失去焦点后，键盘弹起的延迟导致的。你可以尝试在发送按钮点击事件中，手动将输入框失去焦点，然后再进行发送操作。

例如：

// 在点击发送按钮时，手动将输入框失去焦点
document.activeElement.blur();

// 然后执行发送操作
sendData();

这样就可以避免出现输入框失去焦点后，键盘弹起的延迟导致的问题了。