yuanyxh

发布：2023-11-09 12:21
更新：2023-11-11 20:25
阅读：441

【报Bug】Android App 下，输入框会频繁聚焦失焦！！！

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： window 10

HBuilderX类型：正式

HBuilderX版本号： 3.97

手机系统： Android

手机系统版本号： Android 10

手机厂商：小米

手机机型： mix3

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
  <input :focus="focus" @focus="focus = true" @blur="focus = false" />  
</template>  

<script>  
export default {  
  data() {  
    focus: false  
  }  
}  
</script>

操作步骤：

点击输入框聚焦

快速点击空白处使输入框失焦

预期结果：

正常失焦状态，不要频繁触发聚焦失焦。

实际结果：

输入框频繁聚焦失焦，软键盘弹起落下导致页面抖动

bug描述：

Android App，在状态控制输入框焦点状态（focus 属性）的情况下，点击输入框聚焦后快速点击空白使其失焦，大概率出现输入框在聚焦、失焦状态间频繁切换，软键盘频繁弹起、落下，导致页面抖动！！！看附件视频！！！

input_bugs.zip

2023-11-09 12:21 负责人:无分享

1 个回复

喜欢技术的前端 - QQ---445849201

之前也遇到过，所以给focus = true 加个延时

yuanyxh (作者)

试了没有效果，还是会触发多次

2023-11-12 12:02
yuanyxh (作者)

现在研究的解决方案是 renderjs 里用 window 捕获全局事件，输入框聚焦后 300ms 内阻止全局的 touchend 的默认行为

2023-11-22 14:26
喜欢技术的前端

回复 1***@139.com: 可以可以(๑•̀ㅂ•́)و✧

2023-11-22 15:04

要回复问题请先登录或注册

【报Bug】Android App 下，输入框会频繁聚焦失焦！！！

示例代码：

`<template> <input :focus="focus" @focus="focus = true" @blur="focus = false" /> </template> <script> export default { data() { focus: false } } </script>`

操作步骤：

点击输入框聚焦

快速点击空白处使输入框失焦

预期结果：

正常失焦状态，不要频繁触发聚焦失焦。

实际结果：

输入框频繁聚焦失焦，软键盘弹起落下导致页面抖动

bug描述：

1 个回复

公告

相关问题

【报Bug】Android App 下，输入框会频繁聚焦失焦！！！

示例代码： <template> <input :focus="focus" @focus="focus = true" @blur="focus = false" /> </template> <script> export default { data() { focus: false } } </script>

操作步骤： 点击输入框聚焦 快速点击空白处使输入框失焦

预期结果： 正常失焦状态，不要频繁触发聚焦失焦。

实际结果： 输入框频繁聚焦失焦，软键盘弹起落下导致页面抖动

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<template> <input :focus="focus" @focus="focus = true" @blur="focus = false" /> </template> <script> export default { data() { focus: false } } </script>`

操作步骤：

点击输入框聚焦

快速点击空白处使输入框失焦

预期结果：

正常失焦状态，不要频繁触发聚焦失焦。

实际结果：

输入框频繁聚焦失焦，软键盘弹起落下导致页面抖动