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

这篇文章主要为大家详细介绍了手机移动端实现输入框弹出键盘带搜索按钮的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

可能不少朋友理解不了意思，看看下面的361源码的演示截图就应该明白了，

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

代码如下：

实现获取搜索按钮的点击事件的代码如下：

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

 

在注释后面加上你想添加的事件，就可以啦。可以使用alert("test");试试看哦。

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

聪明的你看到这里应该就会理解和明白了。

以上就是手机移动端实现输入框弹出键盘带搜索按钮的实现方法的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持错新网。