收藏
回答

input标签的事件和焦点的bug


公司名称

上海客齐集信息技术有限公司

MP帐号(邮箱)


开发者微信号


机型(如iPhone 6s plus)

LG NEXUS

操作系统(如iOS 9.3)

Android 6.0.1

是否必现

出现时间

2016-12-29

操作路径(即如何操作可以复现该问题)

input标签,绑定bindconfirm事件,在每次失去焦点的时候都会触发该事件。在input标签有焦点的时候,调用showToast会失去焦点。

问题描述(具体问题介绍)

bindconfirm事件应该是在按下键盘上的完成键才触发,但是在Android上,只要失去焦点都会触发该事件。


而且如果给input标签绑定bindinput事件,则会失去焦点。



iOS一切正常 Android尝试过4到6版本都有这样的问题


微信版本6.5.2测试版和6.3.32正式版也都会有这个问题

问题截图(客户端问题界面截图)

代码片段截图

*.wxml


<view class="test_container">

  <view class="search-bar-container">

    <input class="search-bar-input" bindinput="onInput" placeholder-class="search-bar-input-placeholder" placeholder="请输入搜索内容" focus="true" value="{{searchKey}}" bindconfirm="completeInput" />

    <view bindtap="cancelInput" class="search-bar-cancel-button">取消</view>

  </view>

</view>


*.js


Page({

    inputText: '',

    onLoad: function () {

        console.log(123);

    },

    completeInput: function (e) {

        console.log(e.detail.value);

        wx.showToast({

            title: this.inputText,

            icon: 'success',

            duration: 2000

        })

    },

    onInput: function (e) {

        this.inputText = e.detail.value;

        wx.showToast({

            title: this.inputText,

            icon: 'success',

            duration: 2000

        })

    }

})





 


回答关注问题邀请回答
收藏
登录 后发表内容