vueモバイル端末のキーボード検索イベントの傍受を実現しました。
1、まず注意してください。inputのtype=「serch」
(1)KeyDown、KeyUp事件
これらのイベントは、オブジェクトがフォーカスを持っているときにキーを押したり、離したりするときに発生します。ANSI文字を説明するには、KeyPressイベントが必要です。)
(2)KeyPressイベント
このイベントは、ユーザがANSIキーを押して放した時に発生します。
3、イベントのデフォルトを阻止する
methodsにsearch Goods方法を追加します。
判断keyCode==13
デフォルトのイベントを阻止する(デフォルトは改行)
event.target.valueで検索する値を取得し、検索インターフェースを呼び出します。
https://www.jb51.net/article/173684.htm(WeChat内蔵開発iOS修正キーボード「改行」は「検索」)
以上のvueはモバイル端末のキーボード検索イベントの傍受を実現しました。つまり、編集者が皆さんに提供した内容は全部分かりました。
<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はモバイル端末のキーボード検索イベントの傍受を実現しました。つまり、編集者が皆さんに提供した内容は全部分かりました。