移動端頁面鍵盤出現“搜尋”按鍵且實現提交功能

silverWinter發表於2019-02-16

在移動端頁面鍵盤上出現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();
        //需要做的操作  
    }
  },

相關文章