微信內置開發(fā) iOS修改鍵盤換行為搜索的解決方案

更新時間：2019年11月06日 15:15:07 作者：董瑞南

今天小編就為大家分享一篇微信內置開發(fā) iOS修改鍵盤換行為搜索的解決方案，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

在微信中搜索的時候，我們通常使用keycode=13來判斷客戶是否點擊了確定。

在安卓上，喚醒搜索框為確認鍵沒問題，而ios就不敢茍同了，ios顯示為換行，對于客戶使用體驗非常不好。

解決方案：

html代碼。

 <form @submit.prevent action="#">
   <input class="search_input" ref="input" 
   @focus="searchFocus" v-model="val" 
   @keypress="search" 
   placeholder="商品名稱" type="search" />
 </form>

1、首先type =search;

2、input 外面包一層form，并且阻止表單的默認提交

<!-- 阻止默認行為，沒有表達式 -->
<form @submit.prevent></form>

以上這篇微信內置開發(fā) iOS修改鍵盤換行為搜索的解決方案就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue使用echarts實現(xiàn)三維圖表繪制
這篇文章主要為大家詳細介紹了vue如何在項目中使用echarts實現(xiàn)三維圖表的繪制,文中的示例代碼講解詳細,感興趣的小伙伴可以參考一下
2023-08-08
vue2結合element-ui實現(xiàn)TreeSelect樹選擇功能
這篇文章主要為大家詳細介紹了vue2如何結合element-ui實現(xiàn)TreeSelect樹選擇功能,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下
2024-03-03
詳解Vue3中的watch偵聽器和watchEffect高級偵聽器
這篇文章主要介紹了Vue3中的watch偵聽器和watchEffect高級偵聽器,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-08-08
教你在Vue3中使用useStorage輕松實現(xiàn)localStorage功能
這篇文章主要給大家介紹了關于如何在Vue3中使用useStorage輕松實現(xiàn)localStorage功能的相關資料,文中通過實例代碼介紹的非常詳細,對大家的學習或工作具有一定的參考學習價值,需要的朋友可以參考下
2023-06-06
Vue3+Element?Plus使用svg加載iconfont的處理方法
這篇文章主要介紹了Vue3+Element?Plus使用svg加載iconfont的解決方案,本文詳細介紹了如何在Element?Plus中使用iconfont，簡單的說就是要將其封裝成SVG，并且支持動態(tài)修改顏色，需要的朋友可以參考下
2022-08-08
vue3引入uview-plus3.0移動組件庫的流程
這篇文章主要介紹了vue3引入uview-plus3.0移動組件庫的流程,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-06-06
從vue源碼看props的用法
平時寫vue的時候知道 props 有很多種用法，今天我們來看看vue內部是怎么處理 props 中那么多的用法的。非常具有實用價值，需要的朋友可以參考下
2019-01-01
VUE表達式{{}}中如何拼接字符
這篇文章主要介紹了VUE表達式{{}}中如何拼接字符問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-07-07
Vue監(jiān)聽使用方法和過濾器實現(xiàn)
這篇文章主要介紹了Vue監(jiān)聽使用方法和過濾器實現(xiàn)，過濾器為頁面中數(shù)據(jù)進行強化，具有局部過濾器和全局過濾器
2022-06-06
Vue?通過this.$emit()方法子組件向父組件傳值(步驟分享)
這篇文章主要介紹了Vue?this.$emit()方法通過子組件向父組件傳值,第一步在父組件中引入子組件，第二步子組件向父組件傳值，本文通過需要的朋友可以參考下
2022-11-11