欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue 實現(xiàn)移動端鍵盤搜索事件監(jiān)聽

 更新時間：2019年11月06日 15:31:46   作者：董瑞南  
今天小編就為大家分享一篇vue 實現(xiàn)移動端鍵盤搜索事件監(jiān)聽，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

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

<input @keypress="searchGoods" type="serch" placeholder="搜索商品">

2、監(jiān)聽keypress事件

（1）KeyDown、KeyUp 事件

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

（2）KeyPress 事件

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

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、大家在項目中會發(fā)現(xiàn)，ios上系統(tǒng)軟鍵盤，keycode=13的叫換行，對于客戶體驗而言，非常不好，能不能修改軟鍵盤的文案呢，答案是肯定的，解決辦法移步另一篇文章。

http://www.dbjr.com.cn/article/173684.htm（微信內置開發(fā) iOS修改鍵盤“換行”為“搜索”）

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

相關文章

最新評論