您当前的位置:主页 > 教程合集 > Html/css网站利发国际Html/css

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

发布时间:2018-02-24编辑:余斗阅读:(0)字号:
    标题不知道怎么取才能表达我的意思,大家可以先看图: 移动端输入框弹出键盘带搜索按钮的实现方法 就是说在移动端调出键盘后的确定键文字变成搜索键,这样对用户体验较好,特别在搜索的时候。 那么如何在用户点击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键的作用等同于搜索按钮。
关键字词移动端键盘搜索按钮
余斗余斗
  1. 转载请注明:移动端输入框弹出键盘带搜索按钮的实现方法
  2. 版权声明:本站原创文章,由发表在Html/css分类下,于2018-02-24最后更新
JS根据不同时间点显示不同内容
使用rem布局解决手机端页面自适应的问题
手机扫一扫 随身带着看

利发国际

百度360搜索搜狗搜索