<textarea @focus="fouce" @blur="inputBlur" placeholder="请输入内容" />
export default{
data:()=>{
return{
}
},
methods:{
fouce(e){
console.log('获取焦点事件')
},
inputBlur(e){
console.log('失去焦点事件')
}
}
}
2***@qq.com
- 发布：2021-05-15 11:22
- 更新：2022-05-05 15:34
- 阅读：781
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.12
手机系统： Android
手机系统版本号： Android 9.0
手机厂商： 华为
手机机型： 荣耀 V10
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<textarea @focus="fouce" @blur="inputBlur" placeholder="请输入内容" />
export default{
data:()=>{
return{
}
},
methods:{
fouce(e){
console.log('获取焦点事件')
},
inputBlur(e){
console.log('失去焦点事件')
}
}
}
创建nvue页面，执行代码，安装到安卓手机，无法失去焦点
<textarea @focus="fouce" @blur="inputBlur" placeholder="请输入内容" />
export default{
data:()=>{
return{
}
},
methods:{
fouce(e){
console.log('获取焦点事件')
},
inputBlur(e){
console.log('失去焦点事件')
}
}
}
创建nvue页面，执行代码，安装到安卓手机，无法失去焦点
预期结果：
nvue页面的textarea聚焦之后失去焦点，点击非输入区域执行失去焦点事件
nvue页面的textarea聚焦之后失去焦点，点击非输入区域执行失去焦点事件
实际结果：
nvue页面的textarea聚焦之后无法失去焦点，点击非输入区域不执行失去焦点事件
nvue页面的textarea聚焦之后无法失去焦点，点击非输入区域不执行失去焦点事件
bug描述：
nvue页面的textarea聚焦之后无法失去焦点，点击非输入区域不执行失去焦点事件
2 个回复
5***@qq.com
解决了没
999
解决了没
oblivionzx
解决了吗？
2022-09-17 16:20