우리가 해결하고 싶은 다음 기능은 X 버튼입니다.
따라서이 X를 클릭하면 실제로 전체를 제거해야합니다. 회색으로 표시되지는 않지만 실제로 사라지고 삭제되어야합니다.
최종 버전에서는 이렇게 보입니다.
동일한 색상이나 애니메이션으로 클릭하는 아이콘이 같지는 않지만 클릭 할 때 동일한 기능을 사용해야합니다.
그래서 저는 요리가 끝났다고 가정 해 봅시다.
사라지고 사라집니다.
그리고 이제는 완전히 사라졌습니다.
승인.
우리가하고 싶은 첫 번째 일은이 exe 중 하나를 클릭하는 것입니다.
그리고 우리 시대의 팀에서 나는 우리가 쉽게 할 수 있도록 각각 하나를 만들었다는 것을 기억할 것입니다.
그렇지 않으면 우리가 거짓말의 일부로 X를 가지고 있다면 클릭이 X에 있는지 또는 나머지 부분에 있는지를 판단 할 방법이 없습니다.
그래서 우리는 방금 전에 자바 스크립트로 가서 다른 코멘트를 추가하겠습니다.
삭제하려면 X를 클릭하고 클릭 이벤트로 시작합니다.
그래서 달러 기호.
모든 스판을 선택하고 다시 클릭 할 것이고 우리는 콜백 함수를 필요로합니다. 우리 콜백 대신에 그냥 스팬에 또 다른 클릭을 할 것입니다. 그러면 우리는 아무 것도 일어나지 않고 거짓말을 새로 고침 할 것입니다.
범위를 클릭하자마자이 범위를 클릭했다는 경고가 나타납니다.
스팬을 클릭하고 X를 클릭했을 때 아직 알지 못했을 수있는 하나의 작은 문제가 있습니다. 경고를 기각 할 때 예상되는 경고를 얻지 만주의를 기울여야합니다.
우리는 또한 click 이벤트에서 오는 스타일을 얻습니다.
그래서 우리에게 알려주는 것은 스팸 이벤트가 시작되고 나서 나중에 클릭 이벤트가 발생한다는 것입니다.
그리고 그것은 우리의 범위가 동맹국의 내부에 있기 때문에 의미가 있습니다.
예를 들어 중간에있는이 스팬을 클릭하여 스팬을 클릭하면이 스팬을 클릭합니다.하지만 스페인도 동맹국 안에 있습니다.
그래서 다른 관점에서 저는 거짓말을하고 있습니다.
그러나 다른 모든 관점에서 볼 때 우물을 클릭하고 있습니다. 왜냐하면이 모든 것이 UL 대신 또는 div ID 컨테이너 또는 신체 또는 팀 요소에 있기 때문에이 스팬을 클릭하면 5 ~ 6 개의 다른 점을 알게됩니다. 레이어.
그래서 우리가 이벤트 리스너를 스팬이나 동맹국에 추가 할 때 또는 우리가 이벤트 리스너를 가지고 있고 그것들 모두를 지금 보여 드리겠습니다.
여기에 또 다른 이벤트 리스너를 추가해 봅시다.이 이벤트는 유언장에있을 것이며 UIL을 클릭하면 경고 메시지가 표시되고 다시 한 번 더 진행됩니다.
그리고이 하나는 divx ID 컨테이너에 있고 이것은 container div를 클릭한다고 말하고 실제로 body에서 처리합니다.
그러면 시체를 클릭하면됩니다.
승인.
그래서 우리는 몸체 안의 컨테이너 대신 UL 대신에 동맹국이 아닌 스팬을 클릭합니다.
이제 불이 들어오는 순서대로 새로 고침 할 때주의를 기울이십시오.
먼저 스팬을 클릭하면 스팬을 클릭 한 다음 스텔스 클릭 이벤트 화재가 잘 발생하는지 몰랐는지 알 수 있습니다.
그리고 잘 누른 이벤트 다음 컨테이너 div 그리고 마지막으로 시체.
따라서이 예제는 이벤트 버블 링이라는 현상을 보여줍니다.
이 이벤트는 초기에 스팬에서 시작되고 그것이 발생한 곳입니다.
그러나 두 개의 부모 요소에 거품이 생깁니다.
그래서 그것은 거짓말로 거품을 내며 어떤 클릭 이벤트도 발생시키고 거기에서부터 우물에 깡통까지 거품을 일으키고 어떤 좋은 클릭 이벤트를 일으킬 것입니다. HTL 요소를 치기까지 멈추게됩니다. 거짓말.
Y 내부에있는 스팬을 클릭하면 트리거 처리에서 클릭 핸들러를 클릭합니다.
우리가 할 수있는 일은 실제로 스팬의 내부에서 이벤트가 더 이상 버블 링되지 않는다는 것입니다.
해당 트랙에서 멈추고 상위 요소에서 다른 이벤트를 트리거하지 마십시오.
그래서 여기에 보여 드리죠.
우리가 이벤트 객체에 추가하는이 스팬 퀵 리스너 대신에해야 할 일.
그리고 이것은 다시 E 사건 T라고 할 수 있습니다.
가장 많이 사용하려는 이름은 event 또는 e입니다.
그리고 나서 우리가 할 일은 이벤트 중지 전파라는 메서드를 추가하는 것입니다.
그리고 이것은 이벤트가 버블 링하는 것을 막을 J 코딩 방법입니다.
그래서 그것은 스팬에서 발사 될 것입니다.하지만 우리가 가지고있는 것과 같은 리스너 나 리스너에 계속해서 도달하지는 않습니다.
그래서 우리가 저장하고 새로 고침하면.
이제 스팬을 클릭합니다. 스팬에서 클릭 한 다음 중지합니다.
우리가 설정 한 다른 청취자 중 다른 청취자는 우리가 다른 청취자를 제대로 얻지 못합니다.
올바른 코드를 입력하십시오.
우리가해야 할 일은 스팬을 클릭 할 때 이들 중 하나를 클릭 할 때 브라우저로 돌아가는 것입니다.
우리는이 거짓말을 제거하여 그 내용이 담긴 거짓말을 새로 고칠 수 있습니다.
이 범위를 클릭하면이 거짓말을 제거해야하며 그렇게하려면 달러 기호를 사용하여 범위에서 시작할 수 있습니다.이 경우 달러를 제거하거나 페이드 아웃하면 제거로 시작합니다.
그리고 우린 돌아 간다.
그 일은 스팬이 사라지는 것입니다.
우리는 지금 스팬을 제거하고 있습니다.
우리는 그 둘러싸인 요소를 제거해야하고 Shakeri는 우리에게 정말 쉽고 쉬운 방법을 제공합니다.
우리가해야 할 일은이 부모를 삭제한다고 쓰는 것입니다. 그러면 부모 요소가 실제로 쿼리 요소로 제공됩니다.
그래서 이것은 우리가 부모님을 클릭했을 때 우리에게 거짓말을 해주어 전체 동맹국을 제거 할 것입니다.
그래서 지금 내가 새로 고침을하면 그것이 사라지고 다시 새로 고침 볼 수 있습니다.
그러나 비행을 클릭하면 즉시 제거하는 것이 아니라 마지막으로 수행 할 수있는 개선 사항을 확인합니다.
그것은 희미 해졌습니다.
그래서 우리는 점을 페이드 아웃 (fade out) 할 것이고, 거기서부터 시작해서 새로 고침을하고 다시 클릭하면 사라집니다.
그러나 실제로 그것을 제거하는 것은 실제로 그것을 제거하지 않는다는 것을 기억하십시오.
아직 우리가 검사하는 경우에도 여전히 여기 있습니다. 우리가 할 수있는 3 가지가 있습니다. 단지 두 가지는 디스플레이가 없습니다.
그리고 우리는 그런 일이 일어나기를 원하지 않습니다.
우리가 잃어버린 천 명을 우리가 잃어 버렸다고 상상해보십시오.
우리는 페이지에 천개의 숨겨진 요소를 가지고 있기 때문에 속도를 늦추고 싶지 않습니다.
그래서 우리가 대신 할 일은 제거를 사용하는 것입니다.하지만 이것을 수행하는 것은 효과가 없다는 것을 기억하십시오.
제거 할 것이지만 페이드 아웃이 끝나기를 기다리지 않습니다.
우리가 빠르게 클릭하여 시연하기를 원한다면, 페이드가 시작되고, 페이드 아웃이 끝나기를 원한다면 제거하기 만하면, 콜백을 사용하여 나중에 실행할 페이드 아웃으로 보낼 수 있습니다.
그리고 시작하기 위해 5 백 밀리 초를 말해 봅시다.
그리고 작업이 끝나면 단독으로 remove를 호출 할 수 없습니다.
요소에 대해 호출해야하며 호출 할 요소는 우리가 채우는 요소와 동일하므로 달러 기호를 사용할 수 있습니다.
여기서 중요한 것은 여기가 바로 여기에 같은 달러 기호가 아니라는 것입니다.
그래서 우리가 스페인어 달러 기호를 클릭하면 조금 복잡해집니다.
이것은 스팬에서 빠르지 만 부모를하고있는 요소를 나타냅니다.
이제 우리는 그 범위를 감싸는 거짓말과 함께 일하고 있습니다. 그리고 나서 우리는 즉시 비행을하고 있습니다.
따라서 페이드 아웃 대신 스팬이 아닌 거짓말을 의미합니다.
좋습니다. 그러면 저장하고 새로 고침 해 보겠습니다.
이제 우리는 멋진 페이드 아웃을 얻었고 UL을 검사한다면 우리는 오직 한 가지 삶만 남았습니다.
그래서 사라져 버리고 제거됩니다.
여기에 모든 것을 요약하십시오.
우리가 만난 첫 번째 문제는 우리 이벤트가 스팬의 click 이벤트가 실제로 해당 이벤트를 실행 한 후 곧바로 이벤트를 실행한다는 것입니다.
그래서 우리가 멈추게하는 전파를 중지시키는 이벤트를 사용하여 다른 요소까지 버블 링하는 것을 수정했습니다.
그리고 나서 우리는 그 부모를 사용하여 클릭 된 범위를 감추고있는 동맹국을 검색 한 다음, 그것을 퇴색 시켰습니다.