vueモバイル端末のキーボード検索イベントの傍受を実現しました。


1、まず注意してください。inputのtype=「serch」

<input @keypress="searchGoods" type="serch" placeholder="    ">
2、キーレス事件の傍受
(1)KeyDown、KeyUp事件
これらのイベントは、オブジェクトがフォーカスを持っているときにキーを押したり、離したりするときに発生します。ANSI文字を説明するには、KeyPressイベントが必要です。)
(2)KeyPressイベント
このイベントは、ユーザがANSIキーを押して放した時に発生します。
3、イベントのデフォルトを阻止する
methodsにsearch Goods方法を追加します。
判断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の改行といいます。お客様の体験にとって、非常に良くないです。ソフトキーボードの文案を修正できますか?答えは肯定的です。解決方法は別の文章に移ります。
https://www.jb51.net/article/173684.htm(WeChat内蔵開発iOS修正キーボード「改行」は「検索」)
以上のvueはモバイル端末のキーボード検索イベントの傍受を実現しました。つまり、編集者が皆さんに提供した内容は全部分かりました。