移动端页面键盘出现“搜索”按键且实现提交功能

2024年5月15日 187次阅读 来源: silverWinter

在移动端页面键盘上出现search/‘搜索’按键，需要满足以下几点：

1 input 输入框type="search"
 <input type="search">
2 放在form表单里面
3 需要使用 action属性

这三个条件缺一不可
在vue中的写法

<template>

<form action="." >
  <input type="search" name="search" class="s-search" v-model="searchName"  @keypress="jumpSearch">
</form>

methods

  jumpSearch(e){
    var keycode = e.keyCode;
    console.log(e)
    if(keycode=='13') {
        e.preventDefault();
        //需要做的操作  
    }
  },
    原文作者：silverWinter
    原文地址: https://segmentfault.com/a/1190000017434024
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞