お帰りなさい。
このビデオでは、最後に残された大きな機能に取り組んでいきます。これは新しいことの創造です。
だからここで完成したバージョンでは、あなたの記憶をジョグするだけで動作します。私はそれをあなたにタイプしてからenterを押すことができます。
クリックするボタンはありません。
私はちょうどenterを押すと、それは提出し、ここで私はオフまたは削除することができます下に新しいことができます。
だから始めましょう。
まず、Enterキーを押すと起動するテキスト入力にリスナーを追加します。
これを行うには、いくつかの選択肢があります。
キープレスを使用することができます。または、入力を選択し、入力として残すのではなく、使用することができます。
私はもっ​​と具体的になり、入力タイプがテキストと等しいと言うでしょう。
だから、これはすべての入力に影響を与え、それと同じようにテキストを入力してDOTを追加します。ここではキー入力を使用します。
ここではコールバック関数を紹介します。コールバック関数は定数ALTログから始まります。この定数ログは、Enterキーだけでなくキーを押しても実行されます。
だからちょうどプレスを保存して保存し、ブラウザに戻ってリフレッシュして、ここでこれを開きます。
私がキーを押すと、キーが押されたことがわかります。
だから私は別の鍵を打つだろう、そして、それは上昇し続ける。
だから、ユーザーがEnterキーを押すまでは何もしたくない。
だから、私たちがキープレス方式を導入したビデオでは、コードを少し変更する必要があります。
また、キープレスオブジェクトのどのプロパティについても、押されたキーやキーの文字コードに対応していました。
ここではこれを使用して、Enterキーのコードである文字コードが13であるかどうかを確認します。
イベントオブジェクトをもう一度やり直して、必要なものを呼び出すことができます.3倍のイベントが1文字ごとにエンターキーをチェックする方法である場合は実行しますコードがあり、Enterキーが13の場合は、一定のログを作成します。
あなたはエンターを押して、ここに戻ります。
今私は入力していないキーの束を入力しています。
そして、今私はエンターを押すつもりです。
あなたはログについての呼び出しを得ることができます。
あなたはエンターを押す。
OK。
だから、入力を打つだけでなく、入力を取り消すのではなく、テキストをここから取り出して新しい味方を作ってから追加してから、この入力をクリアしてテキストが消えるようにします。
だから私たちは価値を引き出すことから始め、それはかなりシンプルです。
Valメソッドを使用します。
だから私たちは単純なこの誓いで行うことができるインプットの価値を求めています。
だから、不動産をやりましょう。
このDarvellを記録しておいてください。これは、リフレッシュでキーが押された入力を参照していることに注意してください。
入力しないものは入力してください。
何も起こりません。
今私が値を記録するコンソールを入力したら、私はtaloとタイプし、enterを押します。
だから、それを変数に保存しましょう。
テキストを開始母音と同じにするようにしましょう。
つまり、新しいテキストを入力から取得しています。
そして私たちが次にやりたいことは、新しい味方を作り、あなたにそれをすることです。
私はappendという新しいメソッドを導入するつもりです。追加する方法は、最初に追加する要素を選択することです。
だから私たちは私たちのものを追加するつもりです。
だから私たちはUに会費を追加します。 N. ページ上に
そうすれば、あなたはそうするでしょう。それは同盟国をその井戸に追加することになります。
だから、もし私があなたを追加し、私はそれの文字列を与えることができます。
だから私はここで味方を追加し、私はちょうど開始に何かをハードコード化。
これは私がULを選択したように、このULに追加した新しい味方です。これは実際には他のすべてを選択します。
私たちは1つしか持っていないし、ペンがなくなってしまった。
そしてあなたがするならば、この文字列を取って、それぞれのChimo内部の井戸に追加します。
私がここに入るときは、タイプしていないので使用しないでください。
それは新しい味方を加える。
そして私がenterを押すたびにそれが行われます。そして、もし私があなたがそれが要素のように井戸の中に追加された要素であることを見ることができるのを見ることができます。
ですから、doテキスト変数を実際に使用していますが、次に何をしたいのですか。
その変数を追加するには、プラス記号を使用するだけです。
したがって、2つの別々の開始行タグと終了タグを使用し、プラス記号を使用してテキストを追加します。これは、ユーザーが入力に入力したものと同じdoテキストを持つ1つの大きな文字列で終わります開会と閉会の同盟国と私たちはあなたにそれを送っています。歩いている犬をリフレッシュして、私はエンターを押して、ここで新たな同盟国を得ます。
だから大きな問題が2つあります。
1つはこの入力をクリアし、2つはスパンを持たない。
入力をクリアすることから始めましょう。
私たちがする必要があるのは、この誓いをドル記号で実行し、それがゲッターではなくセッターとして機能する空の文字列を与えることだけです。
そして、それは今私たちに空の入力を与える必要があります。
次に、バックアップを表示するスパンを取得しましょう。
だから私たちがそこでやる必要があるのは、私たちが味方スタックの中に追加する味方の中にあり、それが追加されます。
そして、Xがそこにスペースを持っていて、テキストをやるのをやめようとするだけで、そこにXのスペースとスペースがあることを確認する必要があります。
私たちが救うならば、新しい弦に​​翼の内側にスパンを追加します。
だから犬に餌を与え、私たちはスパンと新しい味方で終わります。
しかし私たちはこのコードに問題があります。これは、フィード猫のように新しいものを追加して、新しいものを試してみることです。
彼らは実際にチェックを入れたり、古いものを削除したりしません。
ライブイベントはまだ発砲しています。
このスパンイベントはまだ発生しますが、動的に作成された新しいタトゥーは、ページが読み込まれても機能しない場合は表示されません。
これは、私があなたにこのスライドを見せたときに話していたことであり、ほとんどの場合、速く、Quakeでは両方とも仕事を終えると言いました。
しかし、1つの重要な違いがあります。
クイックは既存の要素のリスナーを追加するだけで、すべての潜在的な将来の要素のリスナーを追加します。
私たちがここで必要とするのは、それらのリスナーがすべての潜在的な同盟国を聴きたいからです。
私はここにいるので、私はすぐにではなく素早く使う方法を示すつもりです。
だから、それに乗り換えるだけの問題ではありません。
だから私はちょうどそれをちょうど同じようにクリックして味方になるようにこれを変えれば、私はこのように残す。
基本的には、迅速ではなくむしろ同じことを除いて全く同じことです。
私が元の要素に戻って作業をリフレッシュし、新しい要素を追加しても機能しません。
だから、ただちにすばやくスワップするだけの問題ではありません。
実際にはコードを少し変更するだけです。
だから私はあなたに最初に変更を見せて、次にそれを説明します。
だから私がしたことは、あなたを簡単なコンマでうまく書いたことです。
なぜ。
私がこれをしなければならなかった理由は、このコードが初めて実行されたときに存在する要素に対してjクエリを使用してリスナを追加するだけで済むからです。
そしてこのコードが初めて実行された時、私たちはすべての同盟国を持っていません。
我々は3人しか持っていないので、クイックリスナーを同盟国に加えると、それらの3人に追加されます。
ですから、私たちが代わりに行うのは、UL親全体にリスナーを追加することです。
だから、いつでもこのリスナーが発火するでしょう。
この2番目の引数を追加します。
そして、このコードがしているのは、あなたがこのコードを実行するときに味方がクリックされたときです。
そこで、ページが読み込まれたときに存在する要素にリスナーを追加しました。
しかし、私たちは本当にそれの中でクリックされた嘘を聞いているだけです。
だから私はこれを今実証しよう。
私はリフレッシュし、新しいものをここに追加しましょう。
古いものはまだ動作し、新しいものもチェックオフすることができます。
しかし、削除は機能しません。
だから私たちは戻って同じ正確な変更を行う必要があります。
したがって、ページがオンでロードされているときに存在するイベントをリッスンしてから、クリックしますが、スパンがウェルの内部でクリックされたときにのみこのコードを実行します。
そして、私たちがそれを残すなら、私たちは行かなくてはなりません。
さあ、それを試してみましょう。
私たちは古いものと新しいものを削除することができます。
さて、ここで新素材のいくつかを要約しましょう。
最初に、appendメソッドを使用して、HMOの文字列を取得し、選択したものにそれらの要素を追加します。
そして、2番目のことは迅速ではなく、このULを迅速に追加することでした。
そして、第2引数は、ページがロードされたときにページにあった井戸の内部にロードされたときに、ページ上にあったかどうかを指定します。
そこで、ページが読み込まれたときに存在する要素にイベントリスナーを追加して、まだ存在しない要素を考慮できるようにします。
それが私たちの基本的な機能です。
To Doリストが完成しました。
私たちが次のビデオで重視するのはスタイリングです。
そして、そこに行く方法は間違いありません。