- 当前 Bug 的表现（可附上截图）
input聚焦时 点击右边清空按钮 ios上要点击两次按钮才能清空文本
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
收藏
回答
| 框架类型 | 问题类型 | API/组件名称 | 终端类型 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|
| 小程序 | Bug | input | 客户端 | 7.0.3 | 2.6.5 |
6 个回答
请 登录 后发表内容
相关问题
| 框架类型 | 问题类型 | API/组件名称 | 终端类型 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|
| 小程序 | Bug | input | 客户端 | 7.0.3 | 2.6.5 |
- 当前 Bug 的表现（可附上截图）
input聚焦时 点击右边清空按钮 ios上要点击两次按钮才能清空文本
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
6 个回答
我的解决方法是：
<inputpasswordvalue="{{password}}"placeholder="请输入密码"focus="{{focus}}"bindinput="bindInput"bindblur="bindBlur"/><imagesrc="../../images/close.png"bindtap="clearPassword"></image>在clearPassword事件中，定义一个值（例如：this.data.click = true）；当input失去焦点时，bindBlur事件判断this.data.click为true调用this.clearPassword();
setTimeout(() => {
this.setData({
searchText: ''
})
}, 100)
经多方搜索依然未果，当点击清空时，尝试延迟调用，勉强解决，但导致input失去焦点，软键盘收起，若要再次输入，还需再点一下输入框使其获取焦点，弹起软键盘。
setTimeout(() => {
this.setData({
searchText: '',
focus: true
})
}, 100)
若通过focus属性使input获取焦点，此时会出现软键盘收起又弹起的情况
暂没发现较为完美的解决方案，具体应用还是视自己的项目需求而取舍吧
看看能不能解决：关于自定义input输入框清空方法bug的解决方案? - 微信开放社区 https://developers.weixin.qq.com/community/develop/article/doc/00024a17ff06c01c1bf8ca89b5b813
后续提供特性让软键盘可以不收起来
首次点击的时候事件有没有触发呢，提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）更方便大家帮你看问题。
是鼠标聚焦的情况下点击 点击第一次是输入框是去焦点 第二次才是清空
https://developers.weixin.qq.com/s/Pq6mrAmU7d8l
同问，这是代码片段
那个清空按钮不是组件自带的吧
自己写的
那就找自己的问题~~~为什么需要点两次肯定是代码写的不对，要么就是区域太小。
是鼠标聚焦的情况下点击 点击第一次是输入框是去焦点 第二次才是清空
可以试试catchtap绑定事件看看，防止穿透层级事件。