uni-app ios 微信公众号 浏览器 input 不能自动弹出键盘 设置光标事件无效

uni-app ios 微信公众号 浏览器 input 不能自动弹出键盘 设置光标事件无效

操作步骤:

  • ios 设备 进入公众号 h5 设置一个input 设置光标事件 看是否弹出

预期结果:

  • 弹出

实际结果:

  • 没弹出

bug描述:

  • ios h5 公众号光标 弹不出来 input 设置了事件 没有效果

| 开发环境         | 版本号 | 项目创建方式 |
|------------------|--------|--------------|
| Windows          | 10     | HBuilderX    |
| HBuilderX        | 2.9.3  |              |
| 微信内置浏览器   | 正常版本 |            |

更多关于uni-app ios 微信公众号 浏览器 input 不能自动弹出键盘 设置光标事件无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app ios 微信公众号 浏览器 input 不能自动弹出键盘 设置光标事件无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个iOS微信内置浏览器已知的兼容性问题。在微信内置浏览器中,iOS设备上的input自动聚焦存在限制。

解决方案:

  1. 使用focus()方法触发键盘弹出,但需要在用户交互事件中调用:
// 在按钮点击等用户交互事件中触发
document.getElementById('input').focus()
  1. 或者使用定时器延迟触发:
setTimeout(() => {
  this.$refs.input.focus()
}, 300)
  1. 也可以尝试添加autofocus属性:
<input autofocus />
回到顶部