textarea/input在输入的时候会出现离开输入框焦点的情况 uni-app

使用 renderjs 测试下，改为 :value=“inputValue” @input=“renderScript.onInputChange” 来处理。
<template>
<view>
<input type=“text” :value=“inputValue” :data-init=“inputValue” @input=“renderScript.onInputChange”
style=“border: 1px solid red;” />
<view>逻辑层同步的数据：</view>
<view>{{ inputValue }}</view>
</view>
</template>

<script> export default { data() { return { inputValue: '初始值' } }, methods: { // 接收从 renderjs 传回的数据 receiveMsg(data) { this.inputValue = data; console.log('逻辑层收到数据:', data); } } } </script> <script module="renderScript" lang="renderjs"> export default { methods: { onInputChange(event, ownerInstance) { const value = event.detail.value; ownerInstance.callMethod('receiveMsg', value); } } } </script>

复现步骤： 1.运行到iPhone手机

在首页的input框上输入文字。反复输入文字后即可重现，比如：输入字符o，选中第一个字，继续输入o，再选中第一个字，一直重复。会出现键盘未显示，但是input框失去焦点的情况

回复 DCloud_UNI_OttoJi: 用您提供的dist后，会引发另一个问题，并且这个问题在IOS和安卓上都有： 当textarea的confirm-hold=true的时候，清空textarea绑定的value的时候，value清空了，但是视图上仍然有内容。 已经经过排查，就是替换dist后才有的问题，换回原来的dist后没有这个问题

回复 DCloud_UNI_OttoJi: 输入文字后，不要手动删除，触发confirm事件（按键盘上的“完成”，confirm方法的逻辑是把绑定值清空）后才能重现

这个问题通常是由于iOS系统在特定场景下的渲染机制导致的。在uni-app中，当页面滚动或布局变化时，iOS可能会错误地触发输入框失焦。

主要原因：

1. 页面滚动冲突：iOS在输入时如果检测到页面滚动，可能会强制失焦
2. 布局重绘：动态内容变化导致布局重新计算，触发焦点丢失
3. 键盘事件处理：iOS键盘弹出/收起时的特殊行为

解决方案：

1. 禁用页面滚动（推荐）：

<template>
  <scroll-view :scroll-y="false" style="height: 100vh;">
    <textarea 
      :adjust-position="false"
      :hold-keyboard="true"
      v-model="textareaValue"
      @focus="handleFocus"
    ></textarea>
  </scroll-view>
</template>

<script setup>
const handleFocus = () => {
  // 确保输入时页面不滚动
}
</script>

1. 使用关键属性：

<textarea
  :adjust-position="false"  <!-- 防止键盘顶起时布局变化 -->
  :hold-keyboard="true"     <!-- 保持键盘不收起 -->
  :show-confirm-bar="false" <!-- 隐藏完成栏 -->
  v-model="textareaValue"
></textarea>

1. 监听和处理焦点：

let isFocusing = false

const onFocus = () => {
  isFocusing = true
  // 可以临时禁用页面滚动
}

const onBlur = () => {
  isFocusing = false
  // 如果是意外失焦，可以重新聚焦
  if (shouldRefocus) {
    setTimeout(() => {
      this.$refs.textarea.focus()
    }, 100)
  }
}