javascript - 微信小程序·如何监听·软键盘回车键搜索事件
本文介绍了javascript - 微信小程序·如何监听·软键盘回车键搜索事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
点击软键盘回车键的时候想要触发微信小程序的提交表单事件,如何处理?
<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}}" 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>
searchSubmit: function(e) {
console.info(12);
console.info('form发生了submit事件,携带数据为:', e.detail.value)
}```
解决方案
看官方文档https://mp.weixin.qq.com/debu...
里面有个bindconfirm属性。
这篇关于javascript - 微信小程序·如何监听·软键盘回车键搜索事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文