<template>
<view class="content">
<view>
<input style="background-color: pink;" auto-blur @confirm="testInputConfirm()" @blur="testBlur()" @focus="testFocus()" />
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
testFocus() {
console.log('focus');
},
testBlur() {
console.log('blur');
uni.hideKeyboard();
},
testInputConfirm() {
console.log('confirm');
uni.hideKeyboard();
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
1***@qq.com
- 发布：2021-02-04 15:31
- 更新：2021-02-04 16:00
- 阅读：963
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 3.0.7
手机系统： iOS
手机系统版本号： IOS 14
手机厂商： 苹果
手机机型： iphone xs
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
在input中监听blur confirm focus 事件并打印,在confirm中添加hideKeyboard事件隐藏软键盘，input设置auto-blur属性，当输入完文字触发confirm事件时，此时input失去焦点，但点击页面任意位置，除input，会让input聚焦
在input中监听blur confirm focus 事件并打印,在confirm中添加hideKeyboard事件隐藏软键盘，input设置auto-blur属性，当输入完文字触发confirm事件时，此时input失去焦点，但点击页面任意位置，除input，会让input聚焦
预期结果：
不触发任何事件
不触发任何事件
实际结果：
点击页面其它位置使input重新聚焦
点击页面其它位置使input重新聚焦
bug描述：
在input中监听blur confirm focus 事件并打印,在confirm中添加hideKeyboard事件隐藏软键盘，input设置auto-blur属性，当输入完文字触发confirm事件时，此时input失去焦点，但点击页面任意位置，除input，会触发input的聚焦事件，目前仅ios会触发,打印日志如下图所示
