1
00:00:00,360 --> 00:00:01,270
歡迎回來。

2
00:00:01,290 --> 00:00:08,140
在這段視頻中，我們將解決最後剩下的大一塊的功能是創造新的做。

3
00:00:08,670 --> 00:00:16,400
所以在這裡完成的版本只是為了喚起你的記憶，它的工作方式是我可以鍵入你，然後按下回車鍵。

4
00:00:16,410 --> 00:00:17,610
因此，有沒有按鈕點擊。

5
00:00:17,610 --> 00:00:25,360
我只需點擊進入，然後，將提交並讓我一個新來這裡下來，我可以勾銷或刪除事。

6
00:00:26,190 --> 00:00:27,510
所以，讓我們開始吧。

7
00:00:27,510 --> 00:00:34,350
我們需要做的第一件事情就是添加一個偵聽器時觸發我們打回車鍵文本輸入。

8
00:00:34,350 --> 00:00:36,300
要做到這一點，我們有一些選擇。

9
00:00:36,540 --> 00:00:46,530
我們可以使用按鍵或者我們可以使用上，我們需要通過選擇輸入，而不是把它當作只是輸入啟動。

10
00:00:46,530 --> 00:00:50,670
我要更具體，說輸入類型等於文本。

11
00:00:50,790 --> 00:01:04,270
因此，這將影響到所有的輸入或類型等於文本就這樣，然後將增加我們的DOT和我將使用按鍵輸入此呼叫類型的文本按鍵。

12
00:01:04,290 --> 00:01:15,520
這裡是回調函數我們剛開始以恆定ALT日誌和這個常數日誌將上的任意鍵按下不只是回車鍵運行。

13
00:01:15,540 --> 00:01:24,340
所以，只是為了讓媒體和保存並返回到瀏覽器，刷新，我們將在這裡打開這個了。

14
00:01:24,870 --> 00:01:28,910
當我按下鍵，你看，我得到的按鍵。

15
00:01:29,130 --> 00:01:33,160
所以，我會打另外一個關鍵和不斷上升。

16
00:01:33,300 --> 00:01:36,590
所以，我們真的不希望做任何事情，直到用戶點擊回車鍵。

17
00:01:36,980 --> 00:01:44,090
因此，我們需要改變你的代碼做一點在我們推出的按鍵方法視頻。

18
00:01:44,130 --> 00:01:53,520
我也談到了按鍵對象的哪個屬性以及對應於被按下的鍵或按鍵的字符代碼。

19
00:01:53,550 --> 00:02:00,480
因此，我們要在這裡使用，我們要檢查字符代碼是13，它是回車鍵的代碼。

20
00:02:00,570 --> 00:02:24,870
因此，我們需要一次又一次的事件對象的工作，可以調用任何我們想要的，然後我們要運行，如果該事件三重等於這是我們如何檢查回車鍵的每一個字符數13有它自己的代碼和回車鍵是13然後我們只是做一個恆定的日誌。

21
00:02:25,290 --> 00:02:31,890
您按下回車鍵將節省回到這裡。

22
00:02:31,920 --> 00:02:34,470
現在我打字一堆未輸入密鑰。

23
00:02:34,620 --> 00:02:36,900
而現在我要回車。

24
00:02:37,000 --> 00:02:39,710
你可以看到，我們獲取有關日誌調用。

25
00:02:39,780 --> 00:02:41,610
按Enter鍵。

26
00:02:41,610 --> 00:02:42,040
好。

27
00:02:42,240 --> 00:02:58,700
因此，而不是僅僅取消登錄，當我們按下回車鍵什麼，我們需要做的就是把文本離開這裡提取它使一個新的盟友，我們那麼這一次之後添加，然後我們要清除此輸入，使文本消失。

28
00:02:58,920 --> 00:03:03,780
因此，我們將通過提取出來的價值開始，一個非常簡單。

29
00:03:03,780 --> 00:03:06,270
我們將使用瓦爾方法。

30
00:03:06,270 --> 00:03:13,750
因此，我們要輸入我們可以做一個簡單的這誓願的價值。

31
00:03:14,310 --> 00:03:15,620
因此，讓我們做一個警察。

32
00:03:15,660 --> 00:03:23,180
登錄這個Darvell記住，這指的是按鍵發生在刷新輸入​​。

33
00:03:23,580 --> 00:03:25,090
鍵入任何不是進入。

34
00:03:25,110 --> 00:03:26,280
什麼都沒發生。

35
00:03:26,280 --> 00:03:34,990
現在，如果我打輸入記錄的值，你可以看到我型距骨和我打進入控制台。

36
00:03:35,100 --> 00:03:38,820
因此，讓我們的保存到一個變量。

37
00:03:40,020 --> 00:03:45,910
讓我們把它做文字等於開始元音。

38
00:03:45,960 --> 00:03:52,440
所以這是從搶奪輸入新的文本。

39
00:03:52,440 --> 00:04:02,660
然後呢我們下一步要做的就是創建一個新盟友，並添加到您很好地做到這一點。

40
00:04:02,670 --> 00:04:10,420
我要介紹一個叫做追加了追加的作品是我們首先選擇追加到元素的方式新方法。

41
00:04:10,440 --> 00:04:13,330
因此，我們將要加入我們的事情要做。

42
00:04:13,500 --> 00:04:18,000
那麼，我們可以將我們的會費為聯合國在頁面上。

43
00:04:18,000 --> 00:04:22,880
所以這個你會和它會被追加的盟友那麼好。

44
00:04:23,190 --> 00:04:29,180
所以，如果我這樣做，你會追加，我可以給它H T M L的字符串。

45
00:04:29,220 --> 00:04:35,430
所以，如果我加入的盟友在這裡，我只是硬編碼到的東西開始。

46
00:04:35,460 --> 00:04:51,900
所以這是我們附在本UL一個新盟友只是喜歡，我選擇UL這其實選擇一切。

47
00:04:51,910 --> 00:04:54,500
我們只有一個，然後我們用完筆。

48
00:04:54,790 --> 00:05:02,030
它會利用這個字符串，如果你將它添加到還有希莫每個裡面。

49
00:05:02,410 --> 00:05:08,350
所以，我會告訴你，當我們按下回車鍵這裡是因為我們不使用它，它並不重要，我們輸入。

50
00:05:08,830 --> 00:05:10,660
它增加了一個新的盟友。

51
00:05:10,780 --> 00:05:22,770
每次我打一次進入它會做到這一點，如果我檢查，你可以看到它的被井就像這些都像元素中添加的元素。

52
00:05:22,840 --> 00:05:28,420
所以我們下一步想做雖然實際上是用做文本變量。

53
00:05:28,480 --> 00:05:33,150
所有我們需要做的是用加號以添加該變量英寸

54
00:05:33,520 --> 00:06:01,970
因此，我們將有兩個單獨的開行標記和結束標記，我們將使用一個加號，並添加在做文字，這將最終有我們的文字做一個大的字符串，這是無論用戶在輸入輸入加開閉的盟友，我們發送了你將刷新散步的狗，我回車，我們在這裡得到一個新的盟友。

55
00:06:02,470 --> 00:06:03,710
因此，有兩個大的問題。

56
00:06:03,760 --> 00:06:08,090
一個我們希望清除此輸入和兩個我們沒有的跨度。

57
00:06:08,590 --> 00:06:10,870
讓我們通過清除輸入的開始。

58
00:06:10,870 --> 00:06:22,460
我們需要做的就是跑美元簽署這一誓言，並給它它作為一個二傳手，而不僅僅是一個getter一個空字符串。

59
00:06:22,870 --> 00:06:30,120
而現在應該給我們一個空的輸入，當我鍵入一個新的做好每繼續做被加入，這將被清除。

60
00:06:30,490 --> 00:06:32,990
接下來讓我們跨度展現回升。

61
00:06:33,460 --> 00:06:41,590
因此，所有我們需要做的還有我們的盟友裡面我們將在跨度堆棧添加和將要追加。

62
00:06:42,250 --> 00:06:51,320
而我們只需要確保我們有在X就在那裡和空間只是讓在X有它之間的空間，並剝奪做文字。

63
00:06:51,520 --> 00:06:57,500
如果我們拯救我們現在追加與它內部的跨度盟友一個新的字符串。

64
00:06:57,670 --> 00:07:05,030
所以餵狗和我們最終的跨度和新的盟友。

65
00:07:05,080 --> 00:07:13,660
但是，我們有這個代碼，這是當我添加新做的像貓的飼料和我嘗試和檢查過的新問題。

66
00:07:13,660 --> 00:07:18,540
他們實際上並不核對它們也不刪除舊的仍然這樣做。

67
00:07:18,670 --> 00:07:21,180
因此，現場活動還在射擊。

68
00:07:21,490 --> 00:07:30,040
這個跨度事件仍然觸發，但新的紋身是動態創建的並不存在的頁面加載時不工作的人。

69
00:07:30,040 --> 00:07:38,190
這就是我說的是，當我發現你這個幻燈片，它說在快速大多數情況下和雷神我們倆把工作做好。

70
00:07:38,380 --> 00:07:40,500
但是有一個關鍵的區別。

71
00:07:40,570 --> 00:07:48,050
快速只會上添加偵聽器的現有元素將增加聽眾對所有潛在的未來的元素。

72
00:07:48,220 --> 00:07:55,310
這就是我們需要做的是使用上，因為我們希望這些聽眾在所有潛在的盟友聽。

73
00:07:55,390 --> 00:08:01,060
所以打開電源我在這裡，我會證明我們如何可以快速使用，而不僅僅是快。

74
00:08:01,390 --> 00:08:04,800
所以它不是只是換出是一個問題。

75
00:08:05,050 --> 00:08:14,130
所以，如果我只是改變這是上點擊就這樣一個盟友，我離開它這樣。

76
00:08:14,200 --> 00:08:18,180
基本上它是除了與而非快速完全相同的事情。

77
00:08:18,310 --> 00:08:25,900
如果我回去，刷新原有元素的作品，如果我添加新的這是行不通的。

78
00:08:25,990 --> 00:08:29,450
所以它不是只是快速交換和快速的問題。

79
00:08:29,710 --> 00:08:33,250
嗯，我們真正需要做的是稍微改變我們的代碼。

80
00:08:33,250 --> 00:08:40,060
所以我要第一個告訴你的變化，然後我會解釋。

81
00:08:40,150 --> 00:08:44,940
所以，我所做的是我寫給你的好快逗號。

82
00:08:45,180 --> 00:08:46,010
為什麼。

83
00:08:46,060 --> 00:08:54,890
我不得不這樣做的原因是，我們可以在使用時，該代碼第一次運行時存在的元素Ĵ查詢只添加一個偵聽器。

84
00:08:55,180 --> 00:08:59,190
而當此代碼運行時，我們第一次沒有所有的盟友。

85
00:08:59,200 --> 00:09:04,710
我們只有三個，所以如果我們添加一個快速的監聽器，它的盟友只會加重這三個。

86
00:09:04,720 --> 00:09:09,590
所以我們做的，而不是什麼是添加一個偵聽到整個UL父。

87
00:09:09,910 --> 00:09:13,590
因此，我們隨時點擊，你將這個監聽器將閃光。

88
00:09:13,810 --> 00:09:16,690
除了我們添加此第二個參數。

89
00:09:17,140 --> 00:09:24,470
什麼這段代碼所做的就是它說的是裡面點擊一個你將運行此代碼的盟友時。

90
00:09:24,580 --> 00:09:28,670
所以我們增加了一個監聽器存在的頁面加載時的元素。

91
00:09:28,900 --> 00:09:33,930
但是，我們真的只能聽被點擊的裡面的謊言。

92
00:09:34,380 --> 00:09:36,300
所以，現在讓我證明這一點。

93
00:09:37,000 --> 00:09:40,400
我會刷新，並讓我們添加一些新的在這裡。

94
00:09:40,930 --> 00:09:44,720
舊的仍然工作和新的可核對為好。

95
00:09:45,070 --> 00:09:46,550
但DELETE不起作用。

96
00:09:46,840 --> 00:09:50,250
因此，我們需要回去做完全相同的變化。

97
00:09:50,410 --> 00:10:03,520
因此，我們將要監聽存在在加載頁面時用，然後點擊，但我們只需要點擊一個跨度的井內時，該代碼運行的事件。

98
00:10:04,120 --> 00:10:06,690
如果我們在那離開它，我們要善於去。

99
00:10:06,700 --> 00:10:08,810
現在讓我們來測試一下。

100
00:10:09,040 --> 00:10:14,890
我們可以刪除舊的和新的，我們可以跨越都關閉為好。

101
00:10:15,730 --> 00:10:18,620
好讓我們總結出一些新材料在這裡。

102
00:10:18,640 --> 00:10:27,110
的第一件事是可以採取HMO的字符串，然後它會附加到任何我們選擇的這些元素的append方法。

103
00:10:27,340 --> 00:10:34,940
第二件事是使用上，而不是快速的在這個UL在快速增加。

104
00:10:34,960 --> 00:10:46,300
並且，指定可能會或可能不會一直在頁面上時，它加載那肯定是在頁面上加載頁面時井內盟友的第二個參數。

105
00:10:46,450 --> 00:10:53,530
所以，我們要添加事件偵聽器存在，當頁面加載，使我們可以考慮那些現在還沒有元素的元素。

106
00:10:53,980 --> 00:10:55,800
以上就是我們的基本功能。

107
00:10:55,810 --> 00:10:57,810
我們有一個完整的任務列表。

108
00:10:57,880 --> 00:11:00,710
我們將重點討論在未來的視頻造型。

109
00:11:00,850 --> 00:11:02,350
而且我們肯定有辦法去那裡。