在input里面设置focus
<input type="text" focus="{{inputShowed}}" />
左边的是input没有获取焦点事件，也没有键盘弹出。
// 搜索框状态 inputShowed: false,
右边的是input获取焦点事件，默认有键盘弹出。
// 搜索框状态 inputShowed: true,
具体代码
wxml
<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="沪A6789" maxlength='10' value="{{inputVal}}" focus="{{inputShowed}}" /> </view> </view> </view>
wxss:（引入了全局框架WeUI，可省略不写）
/* 搜索 */ .weui-search-bar__input{ height: 72rpx; } .weui-icon-search_in-box{ top:22rpx; } .weui-search-bar__cancel-btn{ line-height:70rpx; } .weui-icon-clear{ top:4rpx; }
js:
var app = getApp() Page({ data: { // 搜索框状态 inputShowed: false, // 搜索框值 inputVal: "", }, onLoad: function () { }, });
