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

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

 

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

 

 

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

1. $("#keyword").on('keypress',function(e) {  
2.                 var keycode = e.keyCode;  
3.                 var searchName = $(this).val();  
4.                 if(keycode=='13') {  
5.                     e.preventDefault();    
6.                     //请求搜索接口  
7.                       
8.                 }  
9.          })

 

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