1
00:00:00,380 --> 00:00:05,190
우리가 해결하고 싶은 다음 기능은 X 버튼입니다.

2
00:00:05,190 --> 00:00:14,060
따라서이 X를 클릭하면 실제로 전체를 제거해야합니다. 회색으로 표시되지는 않지만 실제로 사라지고 삭제되어야합니다.

3
00:00:14,190 --> 00:00:16,530
최종 버전에서는 이렇게 보입니다.

4
00:00:16,710 --> 00:00:24,890
동일한 색상이나 애니메이션으로 클릭하는 아이콘이 같지는 않지만 클릭 할 때 동일한 기능을 사용해야합니다.

5
00:00:24,930 --> 00:00:28,100
그래서 저는 요리가 끝났다고 가정 해 봅시다.

6
00:00:28,440 --> 00:00:30,400
사라지고 사라집니다.

7
00:00:30,450 --> 00:00:33,010
그리고 이제는 완전히 사라졌습니다.

8
00:00:33,320 --> 00:00:34,250
승인.

9
00:00:34,590 --> 00:00:39,350
우리가하고 싶은 첫 번째 일은이 exe 중 하나를 클릭하는 것입니다.

10
00:00:39,660 --> 00:00:45,460
그리고 우리 시대의 팀에서 나는 우리가 쉽게 할 수 있도록 각각 하나를 만들었다는 것을 기억할 것입니다.

11
00:00:45,690 --> 00:00:54,140
그렇지 않으면 우리가 거짓말의 일부로 X를 가지고 있다면 클릭이 X에 있는지 또는 나머지 부분에 있는지를 판단 할 방법이 없습니다.

12
00:00:54,150 --> 00:01:00,680
그래서 우리는 방금 전에 자바 스크립트로 가서 다른 코멘트를 추가하겠습니다.

13
00:01:00,960 --> 00:01:08,330
삭제하려면 X를 클릭하고 클릭 이벤트로 시작합니다.

14
00:01:08,760 --> 00:01:10,740
그래서 달러 기호.

15
00:01:10,770 --> 00:01:35,200
모든 스판을 선택하고 다시 클릭 할 것이고 우리는 콜백 함수를 필요로합니다. 우리 콜백 대신에 그냥 스팬에 또 다른 클릭을 할 것입니다. 그러면 우리는 아무 것도 일어나지 않고 거짓말을 새로 고침 할 것입니다.

16
00:01:35,340 --> 00:01:39,840
범위를 클릭하자마자이 범위를 클릭했다는 경고가 나타납니다.

17
00:01:39,840 --> 00:01:52,690
스팬을 클릭하고 X를 클릭했을 때 아직 알지 못했을 수있는 하나의 작은 문제가 있습니다. 경고를 기각 할 때 예상되는 경고를 얻지 만주의를 기울여야합니다.

18
00:01:53,190 --> 00:01:57,380
우리는 또한 click 이벤트에서 오는 스타일을 얻습니다.

19
00:01:57,840 --> 00:02:05,500
그래서 우리에게 알려주는 것은 스팸 이벤트가 시작되고 나서 나중에 클릭 이벤트가 발생한다는 것입니다.

20
00:02:05,730 --> 00:02:11,480
그리고 그것은 우리의 범위가 동맹국의 내부에 있기 때문에 의미가 있습니다.

21
00:02:11,730 --> 00:02:25,680
예를 들어 중간에있는이 스팬을 클릭하여 스팬을 클릭하면이 스팬을 클릭합니다.하지만 스페인도 동맹국 안에 있습니다.

22
00:02:25,830 --> 00:02:29,370
그래서 다른 관점에서 저는 거짓말을하고 있습니다.

23
00:02:29,620 --> 00:02:48,640
그러나 다른 모든 관점에서 볼 때 우물을 클릭하고 있습니다. 왜냐하면이 모든 것이 UL 대신 또는 div ID 컨테이너 또는 신체 또는 팀 요소에 있기 때문에이 스팬을 클릭하면 5 ~ 6 개의 다른 점을 알게됩니다. 레이어.

24
00:02:48,660 --> 00:02:55,790
그래서 우리가 이벤트 리스너를 스팬이나 동맹국에 추가 할 때 또는 우리가 이벤트 리스너를 가지고 있고 그것들 모두를 지금 보여 드리겠습니다.

25
00:02:55,920 --> 00:03:07,990
여기에 또 다른 이벤트 리스너를 추가해 봅시다.이 이벤트는 유언장에있을 것이며 UIL을 클릭하면 경고 메시지가 표시되고 다시 한 번 더 진행됩니다.

26
00:03:08,280 --> 00:03:19,560
그리고이 하나는 divx ID 컨테이너에 있고 이것은 container div를 클릭한다고 말하고 실제로 body에서 처리합니다.

27
00:03:19,560 --> 00:03:22,510
그러면 시체를 클릭하면됩니다.

28
00:03:22,740 --> 00:03:23,410
승인.

29
00:03:23,430 --> 00:03:30,510
그래서 우리는 몸체 안의 컨테이너 대신 UL 대신에 동맹국이 아닌 스팬을 클릭합니다.

30
00:03:30,510 --> 00:03:34,530
이제 불이 들어오는 순서대로 새로 고침 할 때주의를 기울이십시오.

31
00:03:34,590 --> 00:03:47,090
먼저 스팬을 클릭하면 스팬을 클릭 한 다음 스텔스 클릭 이벤트 화재가 잘 발생하는지 몰랐는지 알 수 있습니다.

32
00:03:47,340 --> 00:03:53,060
그리고 잘 누른 이벤트 다음 컨테이너 div 그리고 마지막으로 시체.

33
00:03:53,340 --> 00:03:56,980
따라서이 예제는 이벤트 버블 링이라는 현상을 보여줍니다.

34
00:03:57,030 --> 00:04:02,290
이 이벤트는 초기에 스팬에서 시작되고 그것이 발생한 곳입니다.

35
00:04:02,400 --> 00:04:05,130
그러나 두 개의 부모 요소에 거품이 생깁니다.

36
00:04:05,130 --> 00:04:20,830
그래서 그것은 거짓말로 거품을 내며 어떤 클릭 이벤트도 발생시키고 거기에서부터 우물에 깡통까지 거품을 일으키고 어떤 좋은 클릭 이벤트를 일으킬 것입니다. HTL 요소를 치기까지 멈추게됩니다. 거짓말.

37
00:04:20,850 --> 00:04:25,840
Y 내부에있는 스팬을 클릭하면 트리거 처리에서 클릭 핸들러를 클릭합니다.

38
00:04:25,860 --> 00:04:31,250
우리가 할 수있는 일은 실제로 스팬의 내부에서 이벤트가 더 이상 버블 링되지 않는다는 것입니다.

39
00:04:31,440 --> 00:04:36,920
해당 트랙에서 멈추고 상위 요소에서 다른 이벤트를 트리거하지 마십시오.

40
00:04:37,050 --> 00:04:38,600
그래서 여기에 보여 드리죠.

41
00:04:38,960 --> 00:04:44,220
우리가 이벤트 객체에 추가하는이 스팬 퀵 리스너 대신에해야 할 일.

42
00:04:44,220 --> 00:04:48,210
그리고 이것은 다시 E 사건 T라고 할 수 있습니다.

43
00:04:48,420 --> 00:04:51,720
가장 많이 사용하려는 이름은 event 또는 e입니다.

44
00:04:51,900 --> 00:04:59,110
그리고 나서 우리가 할 일은 이벤트 중지 전파라는 메서드를 추가하는 것입니다.

45
00:04:59,790 --> 00:05:04,050
그리고 이것은 이벤트가 버블 링하는 것을 막을 J 코딩 방법입니다.

46
00:05:04,050 --> 00:05:10,940
그래서 그것은 스팬에서 발사 될 것입니다.하지만 우리가 가지고있는 것과 같은 리스너 나 리스너에 계속해서 도달하지는 않습니다.

47
00:05:11,310 --> 00:05:13,620
그래서 우리가 저장하고 새로 고침하면.

48
00:05:14,090 --> 00:05:20,210
이제 스팬을 클릭합니다. 스팬에서 클릭 한 다음 중지합니다.

49
00:05:20,250 --> 00:05:26,970
우리가 설정 한 다른 청취자 중 다른 청취자는 우리가 다른 청취자를 제대로 얻지 못합니다.

50
00:05:27,060 --> 00:05:29,560
올바른 코드를 입력하십시오.

51
00:05:29,940 --> 00:05:36,170
우리가해야 할 일은 스팬을 클릭 할 때 이들 중 하나를 클릭 할 때 브라우저로 돌아가는 것입니다.

52
00:05:36,330 --> 00:05:44,460
우리는이 거짓말을 제거하여 그 내용이 담긴 거짓말을 새로 고칠 수 있습니다.

53
00:05:44,850 --> 00:05:58,810
이 범위를 클릭하면이 거짓말을 제거해야하며 그렇게하려면 달러 기호를 사용하여 범위에서 시작할 수 있습니다.이 경우 달러를 제거하거나 페이드 아웃하면 제거로 시작합니다.

54
00:05:59,790 --> 00:06:01,780
그리고 우린 돌아 간다.

55
00:06:02,190 --> 00:06:05,220
그 일은 스팬이 사라지는 것입니다.

56
00:06:05,220 --> 00:06:08,020
우리는 지금 스팬을 제거하고 있습니다.

57
00:06:08,130 --> 00:06:14,000
우리는 그 둘러싸인 요소를 제거해야하고 Shakeri는 우리에게 정말 쉽고 쉬운 방법을 제공합니다.

58
00:06:14,040 --> 00:06:24,120
우리가해야 할 일은이 부모를 삭제한다고 쓰는 것입니다. 그러면 부모 요소가 실제로 쿼리 요소로 제공됩니다.

59
00:06:24,120 --> 00:06:32,940
그래서 이것은 우리가 부모님을 클릭했을 때 우리에게 거짓말을 해주어 전체 동맹국을 제거 할 것입니다.

60
00:06:33,120 --> 00:06:39,500
그래서 지금 내가 새로 고침을하면 그것이 사라지고 다시 새로 고침 볼 수 있습니다.

61
00:06:39,500 --> 00:06:47,500
그러나 비행을 클릭하면 즉시 제거하는 것이 아니라 마지막으로 수행 할 수있는 개선 사항을 확인합니다.

62
00:06:47,750 --> 00:06:48,770
그것은 희미 해졌습니다.

63
00:06:49,140 --> 00:06:59,510
그래서 우리는 점을 페이드 아웃 (fade out) 할 것이고, 거기서부터 시작해서 새로 고침을하고 다시 클릭하면 사라집니다.

64
00:07:00,090 --> 00:07:03,530
그러나 실제로 그것을 제거하는 것은 실제로 그것을 제거하지 않는다는 것을 기억하십시오.

65
00:07:03,570 --> 00:07:10,810
아직 우리가 검사하는 경우에도 여전히 여기 있습니다. 우리가 할 수있는 3 가지가 있습니다. 단지 두 가지는 디스플레이가 없습니다.

66
00:07:11,130 --> 00:07:12,660
그리고 우리는 그런 일이 일어나기를 원하지 않습니다.

67
00:07:12,660 --> 00:07:15,470
우리가 잃어버린 천 명을 우리가 잃어 버렸다고 상상해보십시오.

68
00:07:15,720 --> 00:07:20,240
우리는 페이지에 천개의 숨겨진 요소를 가지고 있기 때문에 속도를 늦추고 싶지 않습니다.

69
00:07:20,250 --> 00:07:26,820
그래서 우리가 대신 할 일은 제거를 사용하는 것입니다.하지만 이것을 수행하는 것은 효과가 없다는 것을 기억하십시오.

70
00:07:26,820 --> 00:07:30,770
제거 할 것이지만 페이드 아웃이 끝나기를 기다리지 않습니다.

71
00:07:30,900 --> 00:07:51,580
우리가 빠르게 클릭하여 시연하기를 원한다면, 페이드가 시작되고, 페이드 아웃이 끝나기를 원한다면 제거하기 만하면, 콜백을 사용하여 나중에 실행할 페이드 아웃으로 보낼 수 있습니다.

72
00:07:51,690 --> 00:07:56,820
그리고 시작하기 위해 5 백 밀리 초를 말해 봅시다.

73
00:07:57,180 --> 00:08:00,680
그리고 작업이 끝나면 단독으로 remove를 호출 할 수 없습니다.

74
00:08:00,720 --> 00:08:09,320
요소에 대해 호출해야하며 호출 할 요소는 우리가 채우는 요소와 동일하므로 달러 기호를 사용할 수 있습니다.

75
00:08:09,420 --> 00:08:18,940
여기서 중요한 것은 여기가 바로 여기에 같은 달러 기호가 아니라는 것입니다.

76
00:08:19,470 --> 00:08:24,330
그래서 우리가 스페인어 달러 기호를 클릭하면 조금 복잡해집니다.

77
00:08:24,330 --> 00:08:30,410
이것은 스팬에서 빠르지 만 부모를하고있는 요소를 나타냅니다.

78
00:08:30,600 --> 00:08:37,720
이제 우리는 그 범위를 감싸는 거짓말과 함께 일하고 있습니다. 그리고 나서 우리는 즉시 비행을하고 있습니다.

79
00:08:37,800 --> 00:08:43,080
따라서 페이드 아웃 대신 스팬이 아닌 거짓말을 의미합니다.

80
00:08:43,590 --> 00:08:47,470
좋습니다. 그러면 저장하고 새로 고침 해 보겠습니다.

81
00:08:47,730 --> 00:08:54,700
이제 우리는 멋진 페이드 아웃을 얻었고 UL을 검사한다면 우리는 오직 한 가지 삶만 남았습니다.

82
00:08:55,110 --> 00:08:57,600
그래서 사라져 버리고 제거됩니다.

83
00:08:57,810 --> 00:08:59,610
여기에 모든 것을 요약하십시오.

84
00:08:59,610 --> 00:09:09,610
우리가 만난 첫 번째 문제는 우리 이벤트가 스팬의 click 이벤트가 실제로 해당 이벤트를 실행 한 후 곧바로 이벤트를 실행한다는 것입니다.

85
00:09:10,110 --> 00:09:15,540
그래서 우리가 멈추게하는 전파를 중지시키는 이벤트를 사용하여 다른 요소까지 버블 링하는 것을 수정했습니다.

86
00:09:15,780 --> 00:09:23,750
그리고 나서 우리는 그 부모를 사용하여 클릭 된 범위를 감추고있는 동맹국을 검색 한 다음, 그것을 퇴색 시켰습니다.