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

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

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

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键的作用等同于搜索按钮。

相关文章:

  • 2021-09-30
  • 2021-11-25
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-02
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-26
  • 2021-11-11
  • 2021-09-08
  • 2022-12-23
  • 2021-09-03
  • 2021-10-22
相关资源
相似解决方案