1
00:00:00,210 --> 00:00:01,440
さて、戻ってきます。

2
00:00:01,470 --> 00:00:03,590
だから私は話したいと思う方法は一つしかありません。

3
00:00:03,740 --> 00:00:09,160
私がJコリアのイベントへの紹介ビデオで触れたように、onメソッドは私たちが使うものです。

4
00:00:09,200 --> 00:00:13,980
それが最も使われているJay queeryイベントメソッドの99％です。

5
00:00:14,280 --> 00:00:14,490
OK。

6
00:00:14,490 --> 00:00:18,580
だから、それがどのように動作するかについて、バニラと非常に似ている話をしましょう。

7
00:00:18,620 --> 00:00:20,790
はい、イベントリスナーです。

8
00:00:20,790 --> 00:00:22,270
明らかにそれはずっと短いです。

9
00:00:22,290 --> 00:00:28,200
それはちょうど2つの文字ですが、それは我々がそれを聞きたいイベントの名前を与える同様の方法で動作します。

10
00:00:28,200 --> 00:00:29,590
 

11
00:00:29,760 --> 00:00:37,650
 

12
00:00:37,650 --> 00:00:45,780
 

13
00:00:45,780 --> 00:00:53,730
 

14
00:00:53,730 --> 00:00:58,760
したがって、イベントの1つのタイプでのみ発生するクリックまたはキーの押下とは異なり、ここでクリックして送信するか、またはダブルクリックをしているかのように、クリックを行っているかどうかを指定することができますここではダブルクリックやドラッグ開始、キープレスなどのボタンがありますので、ここでクリックやキーを押すだけで見たことのあるものすべてを置き換えることができます。

15
00:00:58,870 --> 00:01:06,670
スクロールと提出のようなものがあります。

16
00:01:06,780 --> 00:01:10,410
そのすべては、onメソッドだけで行うことができます。

17
00:01:10,410 --> 00:01:15,480
ドル記号で何かを選択する必要がある場所でも同じように動作します。

18
00:01:15,870 --> 00:01:17,450
ここでは例を紹介します。

19
00:01:17,730 --> 00:01:23,490
私たちはこの場合、何かをデータテーブルのアイデアで体の内部の教師の中に選択し、それからそれを実行し、次にイベントのタイプを実行します。

20
00:01:23,490 --> 00:01:28,500
 

21
00:01:28,500 --> 00:01:33,740
これは、コールバック機能のみをとるクリックとキーの押下と比較して新しいものです。

22
00:01:33,840 --> 00:01:36,560
私たちは何を聞いているのかを特定する必要があります。

23
00:01:36,750 --> 00:01:40,810
この場合は、をクリックしてから、コールバック関数をカンマで区切ります。

24
00:01:40,830 --> 00:01:42,550
私たちは走りたい

25
00:01:42,660 --> 00:01:45,930
だから私のページをリフレッシュするためにこれを試してみましょう。

26
00:01:45,930 --> 00:01:47,100
私のAJはデモを行いました。

27
00:01:47,130 --> 00:01:51,390
したがって、クリックリスナーがないので、クリックがなく、キーを押さない。

28
00:01:51,390 --> 00:01:53,350
私たちのボタンでも何も起こりません。

29
00:01:53,760 --> 00:01:57,600
早速、いくつかのクイックリスナーを追加してみましょう。

30
00:01:57,630 --> 00:02:00,660
H-1の色を変更してみましょう。

31
00:02:00,720 --> 00:02:10,230
だから私たちはそれぞれを選択し、次に最初の引数で行うつもりですが、迅速なイベントタイプと私たちのコールバック関数です。

32
00:02:10,230 --> 00:02:13,570
 

33
00:02:13,950 --> 00:02:20,640
 

34
00:02:20,640 --> 00:02:30,750
コールバック関数の中で、H-1の色を変更したい場合は、H-1と言ったところで色を紫色に変えて、なぜこれが問題になるのか考えることができます。

35
00:02:30,750 --> 00:02:31,260
 

36
00:02:31,320 --> 00:02:38,880
だから私は入力をヒットし、それは紫色に変わってもうまく動作しますが、このコードをコピーしてページをリフレッシュし、別のH-1を3つ追加して保存します。

37
00:02:38,880 --> 00:02:44,700
 

38
00:02:44,790 --> 00:02:46,340
今、私たちは3つのH-1を持っています。

39
00:02:46,770 --> 00:02:55,160
そして私がこのコードを実行すると、H-1をクリックするとH-1がすべて紫色に変わります。

40
00:02:55,200 --> 00:02:57,060
だから私はそれを試してみる。

41
00:02:57,090 --> 00:03:02,910
それらはすべて紫色に変わりますが、それはおそらく私たちが望む機能ですが、私たちがクリックした1つの項目に影響を与えたいと思っています。

42
00:03:03,060 --> 00:03:04,670
 

43
00:03:04,950 --> 00:03:13,830
ですから、これをすべてリフレッシュするには、キーワードthisを使用する必要があり、このためにJクエリーラッパーである必要があることを覚えておいてください。

44
00:03:13,980 --> 00:03:14,790
 

45
00:03:14,790 --> 00:03:21,600
だからドル記号はこれを括弧でくくって、それはクリックされた1つのH-1または1つのものを指しています。

46
00:03:22,180 --> 00:03:28,400
そして今私がenterを押して、正しいH-1だけを紫色に変えてみてください。

47
00:03:29,040 --> 00:03:31,770
OKをクリックしてクリックを行う方法を教えてください。

48
00:03:31,770 --> 00:03:34,150
さあ、それをキープレスに使う方法を見てみましょう。

49
00:03:34,290 --> 00:03:35,760
 

50
00:03:38,610 --> 00:03:50,070
そこで、そのドットのような入力を選択し、キープレスを追加し、2番目の引数はコールバック関数です。単純なコンスログを行います。

51
00:03:50,070 --> 00:03:51,740
 

52
00:03:51,870 --> 00:03:59,170
だから、ちょうどそのように押されたログキーをキャンセルすると、Enterキーを押すでしょう。

53
00:03:59,200 --> 00:04:06,540
ここでキーを入力すると、キーを入力するたびに押されます。

54
00:04:06,540 --> 00:04:09,740
もう1つのタイプのイベントを試してみましょう。ここで私はリフレッシュします。

55
00:04:10,080 --> 00:04:12,190
ボタンの上にマウスを置いたときに何かやってみましょう。

56
00:04:12,390 --> 00:04:15,770
私はマウスを動かすと太字になるようにフォントを変更します。

57
00:04:15,840 --> 00:04:21,670
だから私たちはまずそれのようなすべてのボタンを選択し、次に私たちを追加する必要があります。

58
00:04:21,880 --> 00:04:24,730
そして、我々が使用するイベントはマウス入力と呼ばれます。

59
00:04:24,930 --> 00:04:25,860
ちょうどそれのように。

60
00:04:26,280 --> 00:04:31,280
そして、マウスが入ったときにログを取り消したところから始めます。

61
00:04:31,290 --> 00:04:38,240
それで、私たちはビルドされたログマウスをそのように入力します。

62
00:04:38,610 --> 00:04:44,090
そして今私が上に乗ると、私はマウスがそのように入る。

63
00:04:44,340 --> 00:04:46,420
そして、それが最初に要素を入力するときだけです。

64
00:04:46,680 --> 00:04:50,300
だから私が出発して戻ってくるまで何度も何度も引き金を引かない。

65
00:04:50,750 --> 00:04:51,060
OK。

66
00:04:51,060 --> 00:04:55,450
だから私たちはマウスを入力するときには、常にログに記録するつもりはありません。

67
00:04:55,470 --> 00:05:02,880
私たちは、このためにJの非常にラッパーを選択して、SSがフォント太さを変更するために必要なものを大胆にしたいと思うでしょう。

68
00:05:02,880 --> 00:05:04,140
 

69
00:05:04,350 --> 00:05:13,020
だから楽しい方法と私たちはそのような折りたたみを行い、入力をヒットします。

70
00:05:13,020 --> 00:05:18,310
私がホバーすると、それが大胆に変わるのを見るのは難しいです。

71
00:05:18,390 --> 00:05:21,200
もちろんそれは大胆なままで、決して元に戻ることはありません。

72
00:05:21,390 --> 00:05:29,670
だから私たちは別のイベントであるマウス休みのボタンを使って同じことをし、それをフォントウェイトに変更するのではなく、その機能を追加することができました。

73
00:05:30,150 --> 00:05:32,040
 

74
00:05:32,040 --> 00:05:32,670
大胆な。

75
00:05:32,670 --> 00:05:36,800
私たちはそれを通常のように戻すことができます。

76
00:05:36,810 --> 00:05:40,420
今私がそれを残すなら、それは正常に戻る。

77
00:05:40,830 --> 00:05:43,530
私が太字で入力すると、それは正常なままになります。

78
00:05:43,950 --> 00:05:50,610
だからこれは、私たちがjavascriptで何かをして、ホバー選択のような効果を出す方法です。

79
00:05:50,670 --> 00:05:57,000
しかし、CSSAを使うと、ホバー疑似セレクタを使ってJavaScriptを使わなくても簡単に行うことができます。

80
00:05:57,490 --> 00:06:00,510
そして、そこに他のイベントがあることを実証したかっただけです。

81
00:06:00,720 --> 00:06:06,060
だから私たちが使用できるイベントリスナーで使用できるすべてのイベントは、本当に本当に便利です。

82
00:06:06,060 --> 00:06:06,890
 

83
00:06:06,990 --> 00:06:09,500
私が言及したように、私たちは常にそれを使用しています。

84
00:06:09,840 --> 00:06:14,690
ですから、最後に私が作っておきたい点がありますし、私が使っている例もあります。

85
00:06:14,690 --> 00:06:16,440
をクリックしてください。

86
00:06:16,440 --> 00:06:19,510
クリックして、彼らが少し違っている方法について話してください。

87
00:06:19,800 --> 00:06:22,230
だから、彼らはどちらも一般的にあなたのために働くでしょう。

88
00:06:22,230 --> 00:06:28,290
彼らはクイックリスナーを追加しますが、クリックにはその時にページにある要素のクリックリスナーだけが追加されるという小さな違いがあります。

89
00:06:28,290 --> 00:06:31,590
 

90
00:06:32,040 --> 00:06:37,790
オンクリックでは、将来のすべての要素または将来の潜在的要素のリスナーが追加されます。

91
00:06:37,980 --> 00:06:40,430
これは、あなたがリストを行うときに意味をなさなくなります。

92
00:06:40,530 --> 00:06:47,010
しかし基本的には、クリックするのではなく、クリックするだけでドットを使う必要があります。なぜなら、ページにユーザーがフォームに入力して入力するとそこにないものが追加されるからです。

93
00:06:47,010 --> 00:06:52,060
 

94
00:06:52,260 --> 00:06:57,090
そしてそれは新しいことをするでしょう。私たちは、自分たちが自分のクリックリスナーを持つことを望みます。

95
00:06:57,090 --> 00:07:01,930
だから、もう一度使う必要があります。実際にリストをやってみると意味があります。