ios 安卓手机软键盘搜索

最新推荐文章于 2022-04-14 15:38:32 发布

一个假的前端男

最新推荐文章于 2022-04-14 15:38:32 发布

阅读量198

点赞数

分类专栏： H5 文章标签：输入框搜索按钮

本文链接：https://blog.csdn.net/IT_iosers/article/details/119573294

版权

H5 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

该博客探讨了在iOS环境下，如何利用`<form>`和`<input type='search'>`配合keydown事件监听来实现搜索功能。文章详细介绍了在iOS设备上必须使用表单和action属性的设置，以及通过`@submit.prevent`和`formSubmit`函数防止页面刷新。此外，还提到了`search`函数用于监听Enter键，确保只有在按下Enter键时触发搜索操作。

摘要由CSDN通过智能技术生成

注意：input 标签 type search 通过keydown 监听按下事件
2、ios下必须搭配from 表单及 action 属性实现

            <form action="javascript:return true" @submit.prevent="formSubmit">
              <input
                type="search"
                v-model="content"
                placeholder="搜索关键词"
                class="ips1"
                @focus="focusBtn"
                @keydown="search($event)"
              />
            </form>

    formSubmit() {
      return false;
    },
    // 监听 按下事件  13  是 enter  等同于 手机软键盘的搜索
     search() {
	    if (event.keyCode !== 13) {
	      return;
	     }
   }