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

在移动端页面键盘上出现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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞