调取手机软键盘的搜索功能

点击软键盘的搜索按钮往往第一次页面会刷新一次,只有点击第二次才会出现想要的效果,所以将from的target对应到iframe,就不会刷新了

很多时候点击搜索以后会出现比较长的列表,软键盘会盖住用户搜索的信息,我们点击一下屏幕才会使软键盘消失,这样用户体验也不是很好,所以我们可以在调用的方法中加一个软键盘收起的方法
HTML部分

<template>
    <form target="frameFile" id="search_from"> 
        <input id="suggestId" v-model="mmaddress" type="search" placeholder="搜索地点"/>
        <iframe name='frameFile' style="display: none;"></iframe>
    </form>
</template>

JS部分

mounted() {
    let _this = this;
    document.getElementById('search_from').onsubmit = function(e){
        _this.search(e);
        document.activeElement.blur();//软键盘收起
    }
}

本文参照自-大牛博主

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值