H5 页面在ios软键盘搜索

2019-08-26  本文已影响0人  哼_

在开发移动端H5页面的时候, 做到搜索功能, ios 软键盘没有出现搜索按钮(安卓系统正常), 只有一个换行按钮
怎么让ios 键盘也出现搜索按钮呢?

      <form action="#">
          <input v-model="inputSearch" 
type="search" class="input" 
placeholder="请输入手机号码"
 @input.stop.prevent="handleInput">
        </form>

就是给搜索框写上form action 属性就可以了, 但是action 写#的话, 点击搜索没有触发搜索功能, 而是跳转到项目首页, 如果项目有首页的话.
最后实际的解决方案是

<form action="javascript:return true">
// 把# 换成 javascript:return true  就可以实现自己的搜索逻辑了
          <input v-model="inputSearch" type="search" class="input" placeholder="请输入手机号码" @input.stop.prevent="handleInput">
        </form>
上一篇 下一篇

猜你喜欢

热点阅读