>  Q&A  >  본문

알 수 없는 선택기와 하위 항목이 있는 Javascript 이벤트 위임

요소에 대한 클릭을 캡처하는 동적 선택기(linkTrigger)가 있습니다. linkTrigger가 무엇인지 또는 일부 하위 항목이 있는지는 알 수 없습니다. jQuery를 사용하면 모든 것이 정상입니다.

첫 번째 녹색 직사각형(숫자 부분 아님)을 클릭하면 3개의 핸들러가 모두 예상대로 작동하는 것을 볼 수 있지만, 첫 번째 녹색 직사각형의 숫자를 클릭하면 jQuery만 있고 javascript2 핸들러만 예상대로 작동합니다. , 녹색 상자의 범위를 클릭하면 다음 기준을 충족하지 않기 때문입니다.

으아악

어린이에게는 css 포인트 이벤트 none을 사용할 수 없습니다. linkTrigger가 무엇인지 모르기 때문에 클릭당하고 싶지 않고 그 내용을 엉망으로 만들고 싶지 않습니다.

문제는 javascript2 핸들러가 동적이지 않다는 것입니다. 즉, 나중에 DOM 내부에 추가하는 모든 새로운 ".a" 상자에 이 핸들러를 추가해야 한다는 의미입니다.

더 나은 솔루션이 있나요?

으아악 으아악 으아악

P粉187677012P粉187677012220일 전503

모든 응답(1)나는 대답할 것이다

  • P粉022285768

    P粉0222857682024-04-04 13:37:49

    event.target 정확히 당신이 클릭한 내용입니다. 따라서 요소에서 범위를 클릭하면 상위 요소가 아닌 범위를 얻게 됩니다.

    따라서 등록된 스팬에 대한 클릭을 얻으려면 앵커 태그와 마찬가지로 close()를 사용하면 됩니다.

    으아아아 으아아아 으아아아

    회신하다
    0
  • 취소회신하다