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自动聚焦存在限制。
解决方案:
- 使用
focus()
方法触发键盘弹出,但需要在用户交互事件中调用:
// 在按钮点击等用户交互事件中触发
document.getElementById('input').focus()
- 或者使用定时器延迟触发:
setTimeout(() => {
this.$refs.input.focus()
}, 300)
- 也可以尝试添加autofocus属性:
<input autofocus />