1
00:00:00,410 --> 00:00:05,190
このビデオは、私たちが中断したところで拾い上げて、3つのジェイ・キューティーク・イベントについて話し続けています。

2
00:00:05,580 --> 00:00:10,620
私が紹介したい次のものはKeep

3
00:00:10,620 --> 00:00:17,730
pressと呼ばれています。キープレスはJay

4
00:00:17,730 --> 00:00:24,180
Coryの要素の1つです。キープレスリスナーを要素に追加することができます。イベントのセクションで、キーダウンとキープレスとキーアップを参照してください。これらは、ユーザーがキーボードに何かを入力したときにトリガされる3つの異なるイベントです。その違いは少し微妙です。

5
00:00:24,480 --> 00:00:30,900
 

6
00:00:31,140 --> 00:00:37,950
したがって、キーを押すといつでもキーが押され、押された直後にキーが押された後、キーを放すとキーが押され、キーを押すと若干違うキーが押されます。

7
00:00:37,950 --> 00:00:43,180
 

8
00:00:43,230 --> 00:00:48,720
キーを押したときにキーが押されたことを知らせて、それを放してキーの上下を全体的に表すようにする人もいます。

9
00:00:48,720 --> 00:00:51,390
 

10
00:00:51,390 --> 00:00:52,890
そしてそれは本当ではありません。

11
00:00:52,890 --> 00:00:55,790
それは実際にダウンの間に発生し、続行します。

12
00:00:55,800 --> 00:00:57,450
通常は常にそうではありません。

13
00:00:57,450 --> 00:00:59,520
だから私たちは大きなスタックオーバーフローポストを持っています。

14
00:00:59,670 --> 00:01:01,580
だから私はあなたが読むことをお勧めします。

15
00:01:02,160 --> 00:01:08,400
私はこの小さな小片をここで指摘したいので、キーを押しながらどの文字が入力されたのかを示すコードをキーダウンしてキーアップします。

16
00:01:08,400 --> 00:01:12,370
 

17
00:01:12,810 --> 00:01:19,050
 

18
00:01:19,050 --> 00:01:26,400
 

19
00:01:27,200 --> 00:01:33,840
 

20
00:01:33,840 --> 00:01:38,520
 

21
00:01:38,790 --> 00:01:42,860
つまり、テキスト入力があり、誰かがタイプシフトをしてからaを押すと、大文字のキーを下にしてキーを上に移動しようとしている場合、シフトキーと小文字の場合はVSキープレスは大文字aで始まるので、実際に私には文字が与えられているだけでなく、押されたキーでもなく、実際の最終結果の文字も表示されます。シフトのような修飾キーを使用すると、イベントは非常に似ています。

22
00:01:42,930 --> 00:01:48,000
 

23
00:01:48,000 --> 00:01:54,730
そして、ほとんどの時間をあなたはそれらのいずれかを使用して逃げることができます。私はShokiのプレスに行くのは、それが最も一般的だからです。キープレスはちょうどクリックのように働きます。

24
00:01:54,750 --> 00:01:57,600
だからドル記号で何かを選択する例があります。

25
00:01:57,600 --> 00:02:03,480
 

26
00:02:03,480 --> 00:02:10,100
そして、キー押下時に変更し、コールバック関数を渡します。このコールバック関数は、選択された要素または要素の集合でキー押下イベントがトリガーされると呼び出されます。

27
00:02:10,110 --> 00:02:17,520
だから今私はHMOに戻って、ちょうどそのようなテキストに等しい入力タイプを追加しようということを実証するつもりです。

28
00:02:18,690 --> 00:02:19,750
 

29
00:02:20,250 --> 00:02:23,660
そして、私たちはそれを残して、私たちのページをリフレッシュします。

30
00:02:24,340 --> 00:02:26,090
ここで入力があります。

31
00:02:26,550 --> 00:02:31,900
ここでキーが押されるたびにそのログをキャンセルするコードをいくつか取得しましょう。

32
00:02:32,190 --> 00:02:39,800
コンソールを開くと、最初に入力を選択してそのような入力を行う必要があります。

33
00:02:40,380 --> 00:02:42,800
この場合はそれほど具体的ではありません。

34
00:02:42,810 --> 00:02:44,790
それはうまくいくので、入力は1つだけです。

35
00:02:44,910 --> 00:02:51,480
しかし、もし我々がチェックボックスを持っていて、色の入力とラジオボタンがあれば、型がテキストと等しいところだけを指定したいと思うでしょう。

36
00:02:51,480 --> 00:02:54,740
 

37
00:02:55,290 --> 00:02:57,370
しかし、今のところ入力は問題ありません。

38
00:02:57,390 --> 00:03:03,280
それを選んで正しいものにしてから、そのようなキーを追加してください。

39
00:03:03,660 --> 00:03:11,480
そして、ここでは、キーが押されるたびに呼び出されるコールバック関数を追加します。

40
00:03:11,490 --> 00:03:21,220
だからこの場合は、あなたがキーを押して、Enterキーを押したログを取り消すようにしましょう。

41
00:03:21,840 --> 00:03:24,470
そして今私がここに行き、私はキーをタイプする。

42
00:03:24,510 --> 00:03:26,530
だから私は今手紙Pを打っている。

43
00:03:26,910 --> 00:03:33,060
あなたは私があなたにキーを押してもらい、私が別のキーを入力すればそれが私にここに数字を示すのを見ることができます。

44
00:03:33,060 --> 00:03:34,770
それがChromeのやり方です。

45
00:03:34,770 --> 00:03:38,480
しかし、私はすべての文字を入力するのとは異なるコンセプトログを取得しています。

46
00:03:38,820 --> 00:03:44,040
そういうわけで、私たちがしばしばやりたいことがあるキャラクターへのログを取り消す方法は、どの文字が押されたかに応じていくつかのコードを実行することです。

47
00:03:44,190 --> 00:03:46,630
 

48
00:03:46,650 --> 00:03:52,470
Querreyと一緒にリストアプリを作って、新しいものを入力して犬を歩いてEnterを押すと、ここにテキストが入り、新しいことをして入力をクリアするようにするサブミットのようなボタンをクリックする必要はありません。

49
00:03:52,890 --> 00:03:58,890
われわれはJay

50
00:03:59,100 --> 00:04:01,520
 

51
00:04:01,560 --> 00:04:02,900
あなたはエンターキーを押すだけです。

52
00:04:03,180 --> 00:04:09,110
だから私たちがしたいことはキープレスを聞くだけですが、ユーザーがエンターを押すと何かをするだけです。

53
00:04:09,270 --> 00:04:12,760
これを行うには、実際にコードを少し変更する必要があります。

54
00:04:12,840 --> 00:04:18,640
だから私はこれをコピーして、ページをリフレッシュしてこれを貼り付けます。

55
00:04:18,660 --> 00:04:23,430
だから私たちはまだキープレスを聞いていますが、私たちはイベントオブジェクトを扱うつもりです。

56
00:04:23,440 --> 00:04:29,580
私はここで議論を追加するつもりです、私はそれをイベントと呼ぶでしょう、そして、このオブジェクトは、キープレスイベントに関するすべての情報を含んでいます。

57
00:04:29,910 --> 00:04:31,890
 

58
00:04:31,890 --> 00:04:37,260
だから、私はそのログイベントをキャンセルして、あなたがそれを見ることができるようにして、私はenterを押します。

59
00:04:37,260 --> 00:04:43,710
そして今私がタイプすれば、いつも毎回イベントにログインしていることがわかります。このイベントは、タイプがキー・プレスであることを私に伝えます。

60
00:04:43,710 --> 00:04:45,200
 

61
00:04:45,210 --> 00:04:49,250
それは私にタイムスタンプを与える私にいくつかの他のものを与える。

62
00:04:49,350 --> 00:04:53,360
重要な部分の1つは、この文字コード106です。

63
00:04:53,490 --> 00:04:56,910
また、キーコード1または6があります。

64
00:04:56,910 --> 00:05:00,340
ここにあるのはどれですか、彼らはすべて1つか6つを指しています。

65
00:05:00,360 --> 00:05:02,870
私が行っていない若干の違いがあります。

66
00:05:03,090 --> 00:05:07,650
私たちは、J Querreyのドキュメントが正式に使用しているものと固執するつもりです。

67
00:05:07,980 --> 00:05:11,860
これは、押されたキーのコードです。

68
00:05:11,910 --> 00:05:18,540
したがって、すべてのキーには独自のコードがあり、JavaScriptコードをここに表示することができます。

69
00:05:18,760 --> 00:05:21,900
ここにインタラクティブに表示されるページがあります。

70
00:05:21,900 --> 00:05:27,480
だから私が入力した場合、私はどの文字が対応するコードを参照して知りたいです。

71
00:05:27,480 --> 00:05:33,910
67で、私は何を入力しているかを確認したいのですが、今私がやるEnterキーを押す必要があります。

72
00:05:34,180 --> 00:05:36,570
そして、それは私に最後にキーコードを教えてくれる。

73
00:05:36,870 --> 00:05:40,800
だから、これは私が心から知っている唯一のものの1つです。なぜなら、あなたがエンターキーを押したときに何か起こることが必要なところでこれをたくさん行うからです。

74
00:05:40,800 --> 00:05:42,860
 

75
00:05:43,200 --> 00:05:43,440
OK。

76
00:05:43,440 --> 00:05:45,390
キーコード13を覚えておきましょう。

77
00:05:45,660 --> 00:05:52,020
ここでコードに戻ってください。ユーザーがEnterキーを押した場合、リスナーの代わりにIFステートメントを書くだけです。

78
00:05:52,020 --> 00:05:54,740
 

79
00:05:54,750 --> 00:06:10,200
したがって、ユーザーがEnterキーを押して警告することを意味する13のイベントが、そのように入力すると、そのログのためにこれを取り除くことができます。

80
00:06:11,310 --> 00:06:18,250
 

81
00:06:18,870 --> 00:06:23,160
したがって、ユーザーはこの入力の代わりに任意の種類のキー入力を入力します。

82
00:06:23,400 --> 00:06:29,160
それから、すでにコールバックに追加されたこのイベントオブジェクトが既に渡されています。

83
00:06:29,160 --> 00:06:29,490
 

84
00:06:29,520 --> 00:06:32,880
たとえそれを残したとしても、それを変数に取り込むわけではありません。

85
00:06:33,030 --> 00:06:36,160
今はイベントという変数に取り込んでいます。

86
00:06:36,210 --> 00:06:39,870
また、Eと呼ばれることもありますが、それは何かと呼ばれることもあります。

87
00:06:39,870 --> 00:06:41,580
それはあなた次第であることを忘れないでください。

88
00:06:41,700 --> 00:06:48,150
そして、どのプロパティが13キー文字コードであるかを調べています。

89
00:06:48,150 --> 00:06:49,360
Enterを押します。

90
00:06:50,040 --> 00:06:55,830
そして今度はこれに行きましょう。そして私たちはいくつかの非入力キーをタイプし、それらの警告を取得しません。

91
00:06:55,860 --> 00:07:01,130
元のリスナーをここに設置しているので、私たちは総領事録を出す。

92
00:07:01,980 --> 00:07:05,740
しかし、今私はそれをすべて削除し、いくつかのものを入力してから、Enterを押します。

93
00:07:06,240 --> 00:07:08,160
そして、今私はあなたが入力をヒット取得します。

94
00:07:08,190 --> 00:07:11,960
だから私は入力を入力するたびに、私は今すぐそれをやるでしょう。

95
00:07:12,300 --> 00:07:13,900
あなたがエンターを押したと私に伝えます。

96
00:07:14,190 --> 00:07:14,670
大丈夫。

97
00:07:14,760 --> 00:07:19,140
キープレスについてこれまでに紹介したのは、これから数本のビデオでリストを作成したり、リストを作成したりすることだけです。

98
00:07:19,140 --> 00:07:20,390
 

99
00:07:20,760 --> 00:07:24,150
そして、私たちはまた、イベントが13かどうかをチェックします