{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

移动端输入框弹出键盘带搜索按钮的实现方法

标题不知道怎么取才能表达我的意思,大家可以先看图:

就是说在移动端调出键盘后的确定键文字变成搜索键,这样对用户体验较好,特别在搜索的时候。

那么如何在用户点击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");试试看哦。

最后说明一下,这个方法在PC端也是可以用的,这时不会弹出键盘,物理键盘中的ENTER键的作用等同于搜索按钮。


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:移动端输入框弹出键盘带搜索按钮的实现方法
喜欢 ()分享 (0)