さて、戻ってきます。
だから私は話したいと思う方法は一つしかありません。
私がJコリアのイベントへの紹介ビデオで触れたように、onメソッドは私たちが使うものです。
それが最も使われているJay queeryイベントメソッドの99％です。
OK。
だから、それがどのように動作するかについて、バニラと非常に似ている話をしましょう。
はい、イベントリスナーです。
明らかにそれはずっと短いです。
それはちょうど2つの文字ですが、それは我々がそれを聞きたいイベントの名前を与える同様の方法で動作します。
したがって、イベントの1つのタイプでのみ発生するクリックまたはキーの押下とは異なり、ここでクリックして送信するか、またはダブルクリックをしているかのように、クリックを行っているかどうかを指定することができますここではダブルクリックやドラッグ開始、キープレスなどのボタンがありますので、ここでクリックやキーを押すだけで見たことのあるものすべてを置き換えることができます。
スクロールと提出のようなものがあります。
そのすべては、onメソッドだけで行うことができます。
ドル記号で何かを選択する必要がある場所でも同じように動作します。
ここでは例を紹介します。
私たちはこの場合、何かをデータテーブルのアイデアで体の内部の教師の中に選択し、それからそれを実行し、次にイベントのタイプを実行します。
これは、コールバック機能のみをとるクリックとキーの押下と比較して新しいものです。
私たちは何を聞いているのかを特定する必要があります。
この場合は、をクリックしてから、コールバック関数をカンマで区切ります。
私たちは走りたい
だから私のページをリフレッシュするためにこれを試してみましょう。
私のAJはデモを行いました。
したがって、クリックリスナーがないので、クリックがなく、キーを押さない。
私たちのボタンでも何も起こりません。
早速、いくつかのクイックリスナーを追加してみましょう。
H-1の色を変更してみましょう。
だから私たちはそれぞれを選択し、次に最初の引数で行うつもりですが、迅速なイベントタイプと私たちのコールバック関数です。
コールバック関数の中で、H-1の色を変更したい場合は、H-1と言ったところで色を紫色に変えて、なぜこれが問題になるのか考えることができます。
だから私は入力をヒットし、それは紫色に変わってもうまく動作しますが、このコードをコピーしてページをリフレッシュし、別のH-1を3つ追加して保存します。
今、私たちは3つのH-1を持っています。
そして私がこのコードを実行すると、H-1をクリックするとH-1がすべて紫色に変わります。
だから私はそれを試してみる。
それらはすべて紫色に変わりますが、それはおそらく私たちが望む機能ですが、私たちがクリックした1つの項目に影響を与えたいと思っています。
ですから、これをすべてリフレッシュするには、キーワードthisを使用する必要があり、このためにJクエリーラッパーである必要があることを覚えておいてください。
だからドル記号はこれを括弧でくくって、それはクリックされた1つのH-1または1つのものを指しています。
そして今私がenterを押して、正しいH-1だけを紫色に変えてみてください。
OKをクリックしてクリックを行う方法を教えてください。
さあ、それをキープレスに使う方法を見てみましょう。
そこで、そのドットのような入力を選択し、キープレスを追加し、2番目の引数はコールバック関数です。単純なコンスログを行います。
だから、ちょうどそのように押されたログキーをキャンセルすると、Enterキーを押すでしょう。
ここでキーを入力すると、キーを入力するたびに押されます。
もう1つのタイプのイベントを試してみましょう。ここで私はリフレッシュします。
ボタンの上にマウスを置いたときに何かやってみましょう。
私はマウスを動かすと太字になるようにフォントを変更します。
だから私たちはまずそれのようなすべてのボタンを選択し、次に私たちを追加する必要があります。
そして、我々が使用するイベントはマウス入力と呼ばれます。
ちょうどそれのように。
そして、マウスが入ったときにログを取り消したところから始めます。
それで、私たちはビルドされたログマウスをそのように入力します。
そして今私が上に乗ると、私はマウスがそのように入る。
そして、それが最初に要素を入力するときだけです。
だから私が出発して戻ってくるまで何度も何度も引き金を引かない。
OK。
だから私たちはマウスを入力するときには、常にログに記録するつもりはありません。
私たちは、このためにJの非常にラッパーを選択して、SSがフォント太さを変更するために必要なものを大胆にしたいと思うでしょう。
だから楽しい方法と私たちはそのような折りたたみを行い、入力をヒットします。
私がホバーすると、それが大胆に変わるのを見るのは難しいです。
もちろんそれは大胆なままで、決して元に戻ることはありません。
だから私たちは別のイベントであるマウス休みのボタンを使って同じことをし、それをフォントウェイトに変更するのではなく、その機能を追加することができました。
大胆な。
私たちはそれを通常のように戻すことができます。
今私がそれを残すなら、それは正常に戻る。
私が太字で入力すると、それは正常なままになります。
だからこれは、私たちがjavascriptで何かをして、ホバー選択のような効果を出す方法です。
しかし、CSSAを使うと、ホバー疑似セレクタを使ってJavaScriptを使わなくても簡単に行うことができます。
そして、そこに他のイベントがあることを実証したかっただけです。
だから私たちが使用できるイベントリスナーで使用できるすべてのイベントは、本当に本当に便利です。
私が言及したように、私たちは常にそれを使用しています。
ですから、最後に私が作っておきたい点がありますし、私が使っている例もあります。
をクリックしてください。
クリックして、彼らが少し違っている方法について話してください。
だから、彼らはどちらも一般的にあなたのために働くでしょう。
彼らはクイックリスナーを追加しますが、クリックにはその時にページにある要素のクリックリスナーだけが追加されるという小さな違いがあります。
オンクリックでは、将来のすべての要素または将来の潜在的要素のリスナーが追加されます。
これは、あなたがリストを行うときに意味をなさなくなります。
しかし基本的には、クリックするのではなく、クリックするだけでドットを使う必要があります。なぜなら、ページにユーザーがフォームに入力して入力するとそこにないものが追加されるからです。
そしてそれは新しいことをするでしょう。私たちは、自分たちが自分のクリックリスナーを持つことを望みます。
だから、もう一度使う必要があります。実際にリストをやってみると意味があります。