このビデオは、私たちが中断したところで拾い上げて、3つのジェイ・キューティーク・イベントについて話し続けています。
私が紹介したい次のものはKeep
pressと呼ばれています。キープレスはJay
Coryの要素の1つです。キープレスリスナーを要素に追加することができます。イベントのセクションで、キーダウンとキープレスとキーアップを参照してください。これらは、ユーザーがキーボードに何かを入力したときにトリガされる3つの異なるイベントです。その違いは少し微妙です。
したがって、キーを押すといつでもキーが押され、押された直後にキーが押された後、キーを放すとキーが押され、キーを押すと若干違うキーが押されます。
キーを押したときにキーが押されたことを知らせて、それを放してキーの上下を全体的に表すようにする人もいます。
そしてそれは本当ではありません。
それは実際にダウンの間に発生し、続行します。
通常は常にそうではありません。
だから私たちは大きなスタックオーバーフローポストを持っています。
だから私はあなたが読むことをお勧めします。
私はこの小さな小片をここで指摘したいので、キーを押しながらどの文字が入力されたのかを示すコードをキーダウンしてキーアップします。
つまり、テキスト入力があり、誰かがタイプシフトをしてからaを押すと、大文字のキーを下にしてキーを上に移動しようとしている場合、シフトキーと小文字の場合はVSキープレスは大文字aで始まるので、実際に私には文字が与えられているだけでなく、押されたキーでもなく、実際の最終結果の文字も表示されます。シフトのような修飾キーを使用すると、イベントは非常に似ています。
そして、ほとんどの時間をあなたはそれらのいずれかを使用して逃げることができます。私はShokiのプレスに行くのは、それが最も一般的だからです。キープレスはちょうどクリックのように働きます。
だからドル記号で何かを選択する例があります。
そして、キー押下時に変更し、コールバック関数を渡します。このコールバック関数は、選択された要素または要素の集合でキー押下イベントがトリガーされると呼び出されます。
だから今私はHMOに戻って、ちょうどそのようなテキストに等しい入力タイプを追加しようということを実証するつもりです。
そして、私たちはそれを残して、私たちのページをリフレッシュします。
ここで入力があります。
ここでキーが押されるたびにそのログをキャンセルするコードをいくつか取得しましょう。
コンソールを開くと、最初に入力を選択してそのような入力を行う必要があります。
この場合はそれほど具体的ではありません。
それはうまくいくので、入力は1つだけです。
しかし、もし我々がチェックボックスを持っていて、色の入力とラジオボタンがあれば、型がテキストと等しいところだけを指定したいと思うでしょう。
しかし、今のところ入力は問題ありません。
それを選んで正しいものにしてから、そのようなキーを追加してください。
そして、ここでは、キーが押されるたびに呼び出されるコールバック関数を追加します。
だからこの場合は、あなたがキーを押して、Enterキーを押したログを取り消すようにしましょう。
そして今私がここに行き、私はキーをタイプする。
だから私は今手紙Pを打っている。
あなたは私があなたにキーを押してもらい、私が別のキーを入力すればそれが私にここに数字を示すのを見ることができます。
それがChromeのやり方です。
しかし、私はすべての文字を入力するのとは異なるコンセプトログを取得しています。
そういうわけで、私たちがしばしばやりたいことがあるキャラクターへのログを取り消す方法は、どの文字が押されたかに応じていくつかのコードを実行することです。
Querreyと一緒にリストアプリを作って、新しいものを入力して犬を歩いてEnterを押すと、ここにテキストが入り、新しいことをして入力をクリアするようにするサブミットのようなボタンをクリックする必要はありません。
われわれはJay
あなたはエンターキーを押すだけです。
だから私たちがしたいことはキープレスを聞くだけですが、ユーザーがエンターを押すと何かをするだけです。
これを行うには、実際にコードを少し変更する必要があります。
だから私はこれをコピーして、ページをリフレッシュしてこれを貼り付けます。
だから私たちはまだキープレスを聞いていますが、私たちはイベントオブジェクトを扱うつもりです。
私はここで議論を追加するつもりです、私はそれをイベントと呼ぶでしょう、そして、このオブジェクトは、キープレスイベントに関するすべての情報を含んでいます。
だから、私はそのログイベントをキャンセルして、あなたがそれを見ることができるようにして、私はenterを押します。
そして今私がタイプすれば、いつも毎回イベントにログインしていることがわかります。このイベントは、タイプがキー・プレスであることを私に伝えます。
それは私にタイムスタンプを与える私にいくつかの他のものを与える。
重要な部分の1つは、この文字コード106です。
また、キーコード1または6があります。
ここにあるのはどれですか、彼らはすべて1つか6つを指しています。
私が行っていない若干の違いがあります。
私たちは、J Querreyのドキュメントが正式に使用しているものと固執するつもりです。
これは、押されたキーのコードです。
したがって、すべてのキーには独自のコードがあり、JavaScriptコードをここに表示することができます。
ここにインタラクティブに表示されるページがあります。
だから私が入力した場合、私はどの文字が対応するコードを参照して知りたいです。
67で、私は何を入力しているかを確認したいのですが、今私がやるEnterキーを押す必要があります。
そして、それは私に最後にキーコードを教えてくれる。
だから、これは私が心から知っている唯一のものの1つです。なぜなら、あなたがエンターキーを押したときに何か起こることが必要なところでこれをたくさん行うからです。
OK。
キーコード13を覚えておきましょう。
ここでコードに戻ってください。ユーザーがEnterキーを押した場合、リスナーの代わりにIFステートメントを書くだけです。
したがって、ユーザーがEnterキーを押して警告することを意味する13のイベントが、そのように入力すると、そのログのためにこれを取り除くことができます。
したがって、ユーザーはこの入力の代わりに任意の種類のキー入力を入力します。
それから、すでにコールバックに追加されたこのイベントオブジェクトが既に渡されています。
たとえそれを残したとしても、それを変数に取り込むわけではありません。
今はイベントという変数に取り込んでいます。
また、Eと呼ばれることもありますが、それは何かと呼ばれることもあります。
それはあなた次第であることを忘れないでください。
そして、どのプロパティが13キー文字コードであるかを調べています。
Enterを押します。
そして今度はこれに行きましょう。そして私たちはいくつかの非入力キーをタイプし、それらの警告を取得しません。
元のリスナーをここに設置しているので、私たちは総領事録を出す。
しかし、今私はそれをすべて削除し、いくつかのものを入力してから、Enterを押します。
そして、今私はあなたが入力をヒット取得します。
だから私は入力を入力するたびに、私は今すぐそれをやるでしょう。
あなたがエンターを押したと私に伝えます。
大丈夫。
キープレスについてこれまでに紹介したのは、これから数本のビデオでリストを作成したり、リストを作成したりすることだけです。
そして、私たちはまた、イベントが13かどうかをチェックします