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

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

示例：

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

效果图：

然后如何获取搜索按钮的点击事件呢，代码如下：

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

在注释后面加上你想添加的事件，就可以啦。可以alert("test");试试看哦~

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

这个很简单但很实用的小技巧献给大家啦，提升用户体验刚刚的，喜欢请转载~