微信小程序搜索框回车搜索事件

最新推荐文章于 2025-10-14 09:54:55 发布

原创

最新推荐文章于 2025-10-14 09:54:55 发布 · 2.1w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#微信搜索框 #回车触发事件 #回车搜索

这里写的是在微信小程序里的搜索框，按软键盘回车键触发搜索事件。

首先前台代码，这是整个搜索框代码

<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"  bindconfirm="onShow" />
                    <view class="weui-icon-clear" wx:if="{
  
  {inputVal.length > 0}}" bindtap="clearInput">
                        <icon type="clear" size="14"></icon>
                    </view>
                </view>
                <label c