您的位置:首页 > 移动开发 > 微信开发

微信小程序 form表单提交 点击键盘的完成自动执行

2017-12-25 17:25 681 查看
注意:使用好bindconfirm属性
<form bindsubmit="searchSubmit"
action="">
    <view class="weui-search-bar">
        <view class="weui-search-bar__form">
            <view class="weui-search-bar__box">
                <icon
class="weui-icon-search_in-box" type="search" size="14"></icon>
                <input
type="text" class="weui-search-bar__input" placeholder="搜索" value="{{inputVal}}" bindconfirm="searchSubmit"  focus="{{inputShowed}}" bindinput="inputTyping" />
                <view
class="weui-icon-clear" wx:if="{{inputVal.length > 0}}" bindtap="clearInput">
                   
<icon type="clear" size="14"></icon>
                </view>
            </view>
            <label
class="weui-search-bar__label" hidden="{{inputShowed}}" bindtap="showInput">
                <icon
class="weui-icon-search" type="search" size="14"></icon>
                <view
class="weui-search-bar__text">搜索</view>
            </label>
        </view>
        <view class="weui-search-bar__cancel-btn"
hidden="{{!inputShowed}}" bindtap="hideInput">取消</view>
    </view>
</form>

js例子:
searchSubmit: function(e)
{
        console.log('form发生了submit事件,携带数据为:',
e.detail.value)
    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: