<template>
<view class="content">
<input type="text" placeholder="A" @focus="testF()" />
<input type="text" placeholder="B" />
</view>
</template>
<script>
export default {
methods: {
/**
* A点击
*/
testF() {
console.log('获取焦点 ' + new Date())
// #ifdef APP-PLUS
uni.hideKeyboard()
// #endif
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
</style>
- 发布:2021-01-30 10:32
- 更新:2021-06-15 14:47
- 阅读:1361
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 版本 10.0.18363.1256
HBuilderX类型: 正式
HBuilderX版本号: 3.0.7
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: YAL-AL00
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
操作步骤一:
- 点击A input ,软键盘隐藏
- 点击B input ,软键盘隐藏,触发A焦点事件
操作步骤二:
- 点击B input ,软件盘正常
- 点击空白,焦点消失,软件盘隐藏
- 点击A input , 软件盘隐藏
- 点击B input , 软件盘隐藏,触发A焦点事件
操作步骤一:
- 点击A input ,软键盘隐藏
- 点击B input ,软键盘隐藏,触发A焦点事件
操作步骤二:
- 点击B input ,软件盘正常
- 点击空白,焦点消失,软件盘隐藏
- 点击A input , 软件盘隐藏
- 点击B input , 软件盘隐藏,触发A焦点事件
预期结果:
点击A input,软键盘隐藏
点击B input,软键盘正常显示
点击A input,软键盘隐藏
点击B input,软键盘正常显示
实际结果:
点击A input,软键盘隐藏
点击B input,软键盘隐藏
点击A input,软键盘隐藏
点击B input,软键盘隐藏
bug描述:
<template>
<view class="content">
<input type="text" placeholder="A" @focus="testF()" />
<input type="text" placeholder="B" />
</view>
</template>
<script>
export default {
methods: {
/**
* A点击
*/
testF() {
console.log('获取焦点 ' + new Date())
// #ifdef APP-PLUS
uni.hideKeyboard()
// #endif
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
</style>
预期结果:
点击A input,隐藏软键盘
点击B input,软键盘正常显示
操作步骤一:
- 点击A input ,软键盘隐藏
- 点击B input ,软键盘隐藏,触发A焦点事件
操作步骤二:
- 点击B input ,软件盘正常
- 点击空白,焦点消失,软件盘隐藏
- 点击A input , 软件盘隐藏
- 点击B input , 软件盘隐藏,触发A焦点事件