1、首先注意，input的type="serch"

2、監聽keypress事件

(1)KeyDown、KeyUp 事件

這些事件是當一個對象具有焦點時按下 ( KeyDown ) 或松開 ( KeyUp ) 一個鍵時發生的。(要解釋 ANSI 字符，應使用 KeyPress 事件。)

(2)KeyPress 事件

此事件當用戶按下和松開一個 ANSI 鍵時發生。

3、阻止事件默認行為

methods中添加 searchGoods方法，

判斷keyCode ==13

阻止默認事件(默認是換行)

通過event.target.value獲取要搜索的值，調用搜索接口。

searchGoods(event) {

if (event.keyCode == 13) { //如果按的是enter鍵 13是enter

event.preventDefault(); //禁止默認事件(默認是換行)

console.log(event.target.value)

Toast("點擊了確認")

}

}

4、大家在項目中會發現，ios上系統軟鍵盤，keycode=13的叫換行，對于客戶體驗而言，非常不好，能不能修改軟鍵盤的文案呢，答案是肯定的，解決辦法移步另一篇文章。

以上這篇vue 實現移動端鍵盤搜索事件監聽就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

總結

以上是生活随笔為你收集整理的vue用户行为收集_vue 实现移动端键盘搜索事件监听的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。