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

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

示例：

[html] view
plain copy

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

效果图：





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

[html] view
plain copy

$("#keyword").on('keypress',function(e) {  

                var keycode = e.keyCode;  

                var searchName = $(this).val();  

                if(keycode=='13') {  

                    e.preventDefault();    

                    //请求搜索接口  

                      

                }  

         });