收藏
回答

input 聚焦时 侧边清空按钮要点击两次才能把内容清空

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 客户端 7.0.3 2.6.5

- 当前 Bug 的表现(可附上截图)

input聚焦时   点击右边清空按钮 ios上要点击两次按钮才能清空文本


- 预期表现


- 复现路径


- 提供一个最简复现 Demo



回答关注问题邀请回答
收藏

6 个回答

  • brave
    brave
    2019-12-02

    我的解决方法是:

    <input passwordvalue="{{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();

    2019-12-02
    有用 1
    回复
  • shifeng~
    shifeng~
    2019-05-24

    setTimeout(() => {

     this.setData({

       searchText: ''

     })

    }, 100)

    经多方搜索依然未果,当点击清空时,尝试延迟调用,勉强解决,但导致input失去焦点,软键盘收起,若要再次输入,还需再点一下输入框使其获取焦点,弹起软键盘。


    setTimeout(() => {

     this.setData({

       searchText: '',

       focus: true

     })

    }, 100)

    若通过focus属性使input获取焦点,此时会出现软键盘收起又弹起的情况


    暂没发现较为完美的解决方案,具体应用还是视自己的项目需求而取舍吧


    2019-05-24
    有用 1
    回复
  • 林学
    林学
    2019-08-02

    看看能不能解决:关于自定义input输入框清空方法bug的解决方案? - 微信开放社区 https://developers.weixin.qq.com/community/develop/article/doc/00024a17ff06c01c1bf8ca89b5b813

    2019-08-02
    有用
    回复
  • 视频号小店技术助手 - cunjin
    视频号小店技术助手 - cunjin
    2019-07-17

    后续提供特性让软键盘可以不收起来

    2019-07-17
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-05-21

    首次点击的时候事件有没有触发呢,提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)更方便大家帮你看问题。

    2019-05-21
    有用
    回复 3
    • 2019-05-22

      是鼠标聚焦的情况下点击   点击第一次是输入框是去焦点  第二次才是清空

      2019-05-22
      回复
    • shifeng~
      shifeng~
      2019-05-23

      https://developers.weixin.qq.com/s/Pq6mrAmU7d8l

      同问,这是代码片段

      2019-05-23
      回复
    • 肆爷
      肆爷
      2020-04-09
      同问安卓手机出现,ios不会存在
      2020-04-09
      回复
  • 拾忆
    拾忆
    2019-05-21

    那个清空按钮不是组件自带的吧

    2019-05-21
    有用
    回复 5
    • 2019-05-21

      自己写的

      2019-05-21
      回复
    • 拾忆
      拾忆
      2019-05-21回复

      那就找自己的问题~~~为什么需要点两次肯定是代码写的不对,要么就是区域太小。

      2019-05-21
      回复
    • 2019-05-22回复拾忆

      是鼠标聚焦的情况下点击   点击第一次是输入框是去焦点  第二次才是清空  

      2019-05-22
      回复
    • 卖小萌
      卖小萌
      2019-06-06

      可以试试catchtap绑定事件看看,防止穿透层级事件。

      2019-06-06
      回复
    • 呦呦鹿鸣
      呦呦鹿鸣
      2021-01-26
      不是代码的问题。普遍安卓系统都这样
      2021-01-26
      回复
登录 后发表内容