小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
input聚焦时 点击右边清空按钮 ios上要点击两次按钮才能清空文本
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我的解决方法是:
<input passwordvalue="{{password}}" placeholder="请输入密码" focus="{{focus}}" bindinput="bindInput" bindblur="bindBlur" />
<
input
password
value
=
"{{password}}"
placeholder
"请输入密码"
focus
"{{focus}}"
bindinput
"bindInput"
bindblur
"bindBlur"
/>
<image src="../../images/close.png" bindtap="clearPassword"></image>
image
src
"../../images/close.png"
bindtap
"clearPassword"
></
>
在clearPassword事件中,定义一个值(例如:this.data.click = true);当input失去焦点时,bindBlur事件判断this.data.click为true调用this.clearPassword();
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
setTimeout(() => {
this.setData({
searchText: ''
})
}, 100)
经多方搜索依然未果,当点击清空时,尝试延迟调用,勉强解决,但导致input失去焦点,软键盘收起,若要再次输入,还需再点一下输入框使其获取焦点,弹起软键盘。
searchText: '',
focus: true
若通过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绑定事件看看,防止穿透层级事件。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我的解决方法是:
<
input
password
value
=
"{{password}}"
placeholder
=
"请输入密码"
focus
=
"{{focus}}"
bindinput
=
"bindInput"
bindblur
=
"bindBlur"
/>
<
image
src
=
"../../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绑定事件看看,防止穿透层级事件。