uni-app APP集成了X5内核下 安卓APP的input组件focus属性设置后光标不显示但可以录入且不触发onFocus方法

uni-app APP集成了X5内核下 安卓APP的input组件focus属性设置后光标不显示但可以录入且不触发onFocus方法

开发环境 版本号 项目创建方式
Windows window10 HBuilderX

产品分类：uniapp/App

PC开发环境操作系统：Windows

HBuilderX类型：正式

HBuilderX版本号：3.1.22

手机系统：Android

手机系统版本号：Android 7.1.1

手机厂商：商米

手机机型：LK2

页面类型：vue

打包方式：云端

示例代码：

<u-input :focus="true'" [@focus](/user/focus)="handleFocus" placeholder="请输入工号"  
   v-model="form.user_no" type="text" [@confirm](/user/confirm)="nextInput"></u-input>

更多关于uni-app APP集成了X5内核下 安卓APP的input组件focus属性设置后光标不显示但可以录入且不触发onFocus方法的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

复制的吗?多了个’

更多关于uni-app APP集成了X5内核下 安卓APP的input组件focus属性设置后光标不显示但可以录入且不触发onFocus方法的实战教程也可以访问 https://www.itying.com/category-93-b0.html


不是复制的，写在这里的时候写多了

这是一个在集成X5内核的Android环境中比较常见的问题，主要与X5内核的兼容性处理机制有关。X5内核在某些情况下会对input组件的焦点事件进行拦截或延迟处理，导致视觉反馈和事件触发不同步。

从你的代码来看，focus属性设置为true理论上应该触发光标显示和onFocus事件，但在X5内核中可能出现以下情况：

  1. 光标渲染延迟：X5内核可能没有立即更新光标的视觉状态，尽管输入功能正常
  2. 焦点事件拦截：X5内核可能修改了原生的焦点事件传递机制

解决方案：

  1. 使用nextTick延迟设置焦点：
this.$nextTick(() => {
  this.$refs.input.focus()
})
  1. 添加短暂的setTimeout：
setTimeout(() => {
  this.$refs.input.focus()
}, 100)
回到顶部