您的位置: 首页 > 文章 > 移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件

移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件

分类: 文章 • 2025-02-02 21:42:28

1、如何在用户点击input时弹出带有搜索按钮的键盘，其实很简单，加上 type="search"即可。

<input id="keyword" placeholder="输入关键字搜索" type="search" />

移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件

2、然后获取搜索按钮的点击事件：

$("#keyword").on('keypress',function(e) {
var keycode = e.keyCode;
var searchName = $(this).val();
if(keycode=='13') {
e.preventDefault();
//请求搜索接口
}
})

注：电脑端也是可以用的，这时不会弹出键盘，物理键盘中的enter键的作用等同于搜索按钮。