欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

移动端 input 弹出键盘 与 获取点击确定搜索触发的事件

程序员文章站 2022-07-13 22:05:09
...

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

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

移动端 input 弹出键盘 与 获取点击确定搜索触发的事件
获取搜索按钮的点击事件呢,代码如下:

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

PS: 物理键盘中的 enter 键的作用等同于搜索按钮。

参考链接