QXH
QXH
  • 发布:2018-03-08 14:16
  • 更新:2018-03-08 15:00
  • 阅读:2173

搜索文本框如何响应手机键盘搜索键或回车键

分类:MUI

<div class="mui-input-row mui-search">
<input type="search" class="mui-input-clear" placeholder="" >
</div>

如上的搜索框,不加搜索按钮,如何在输入内容后,实现搜索。

我的手机测试,输入内容是,键盘上回车键自动变成“搜索”了,如何捕获定义这个搜索事件?

2018-03-08 14:16 负责人:无 分享
已邀请:
哲

加上form包裹即可

<form onsubmit="abc()">  
<div class="mui-input-row mui-search">  
<input type="search" class="mui-input-clear" placeholder="" >  
</div>  
</form>
  • QXH (作者)

    但是这样会点搜索会直接打开一个新窗口了,如何避免呢?

    2018-03-12 06:11

  • 用JavaScript控制,比如<form onsubmit="return abc()"> ,函数abc()最后只要 return false 就不会触发后续的submit

    2018-03-12 10:00

该问题目前已经被锁定, 无法添加新回复