用户在移动端搜索框输入时即调起键盘上的搜索按钮

Posted 1rookie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用户在移动端搜索框输入时即调起键盘上的搜索按钮相关的知识,希望对你有一定的参考价值。

之前页面是有个 input 框,有个搜索按钮,一个取消按钮,后来产品搞了个产品优化的需求,就是调起键盘上的搜索按钮,就改呗......

之前那个搜索框就一个 input 框,如果能达到调起键盘的搜索就要像下面这么写:

<form action="" onsubmit="return false;">
    <input  type="search" value="" placeholder="搜索你想搜的" onsearch = "function(){}">
</form>

外面加了层form, input框的type变为search







以上是关于用户在移动端搜索框输入时即调起键盘上的搜索按钮的主要内容,如果未能解决你的问题,请参考以下文章

移动端 input 输入框实现自带键盘“搜索“功能并修改X

vue监听移动端软件键盘搜索(enter)事件

开发移动端web应用, 使用手机自带键盘的搜索按钮

jquery移动端键盘keyup失效

手机端浏览器中的html搜索框如何响应软键盘搜索按钮事件?

移动端 input 获取焦点后弹出带enter(类似于搜索,确定,前往)键盘,以及隐藏系统键盘