ios 安卓手机软键盘搜索

最新推荐文章于 2021-09-27 23:43:41 发布

原创最新推荐文章于 2021-09-27 23:43:41 发布 · 277 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#输入框搜索按钮

H5 专栏收录该内容

12 篇文章

订阅专栏

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

注意：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;
	     }
   }