微信小程序使用键盘搜索功能

Mr_Tony

于 2019-03-26 20:55:45 发布

阅读量4.4k

点赞数 2

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/Mr_Tony/article/details/88829990

版权

前端专栏收录该内容

40 篇文章

订阅专栏

本文介绍如何在微信小程序中实现带有搜索功能的键盘输入框。通过设置name为'search'，bindconfirm为JS函数，并将confirm-type设为'search'来完成。示例代码展示了如何捕捉用户的搜索请求并打印。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现微信小程序的键盘搜索功能时候，需要有三个关键属性：

1、name=‘search’;//search内容随便写
2、bindconfirm='shop_search_function'；//这个变量是js函数
3、confirm-type='search' ;//设置右下角文字

完整例子如下：

index.wxml
<input class='shop_search_input' name="search" bindconfirm='shop_search_function' type='text' confirm-type='search' placeholder="搜索" />

index.js
Page({
		shop_search_function: function(e){
		    var value = e.detail.value;
		    console.log("------->"+value);
	 	 }
 	 })

参考链接：
1、https://developers.weixin.qq.com/miniprogram/dev/component/input.html
2、https://blog.youkuaiyun.com/babulongbo/article/details/79652179