<textarea id="abc" :focus="focus" @focus.stop="focus_input()" @blur="blur_input()" value="" placeholder="" />
<button @click.stop="click_input()">点这里{{focus}}</button>
export default{
data(){
return {
focus:false
}
},
methods:{
focus_input(){
setTimeout(()=>{
this.focus=true
},100)
},
blur_input(){
setTimeout(()=>{
this.focus=false
},100)
},
click_input(){
this.focus=true
console.log(this.focus);
}
}
}
需要求:
当把textarea设置成自动获取焦点 则需要键盘焦点自动在textarea上面
测试结果:
相同的代码
IOS苹果测试可用
安卓不可用
现在的问题:
安卓在设置focus为true之后可以成功拉起键盘
但是之后键盘会立刻隐藏
具体还得看安卓手机效果
另外将textarea组件修改成input组件 安卓可以正常使用
=============
7 个回复
DCloud_UNI_GSQ
HBuilderX版本多少?
是否启用了v3编译模式?
x***@gmail.com (作者)
HBuilderX 2.5.1
开启了V3模式
秋天的秋
你好,请问问题解决了吗,也卡到这里了
晓息
我想到的是暂时可以使用贴膏药,把textarea那个悬浮在要点击的位置。点击后皮肤改变和位置调整就好了
2020-10-21 11:15
3***@qq.com
我也遇到这个问题了,input可以,textarea不行
晓息
我想到的是暂时可以使用贴膏药,把textarea那个悬浮在要点击的位置。点击后皮肤改变和位置调整就好了
2020-10-21 11:14
晓息
我想到的是暂时可以使用贴膏药,把textarea那个悬浮在要点击的位置。点击后皮肤改变和位置调整就好了
晓息
当然,你们有更好的办法也可以分享下
2020-10-21 11:14
梦里追逐
我也遇到了类似的问题,软键盘弹出后 textarea控件失去焦点 光标没有了
DCloud_Android_ST
可以将你的示例发出来我们复现下
2020-11-23 11:54
2***@qq.com - 跨平台发烧友
第一步把textarea里面的 :autofocus="autofocus" 设置成动态绑定的形式
第二步:在data中把autofocus的值设为默认为false
第三步:在需要展示键盘的地方,在动态把autofocus设置为true
第四步:在其他地方切换的时候在把autofocus设为false
第5步:又在需要使用键盘的时候在把autofocus设为true即可