이벤트위원회가 무엇인지 먼저 말씀 드리겠습니다. 평신도의 용어로는 이벤트가 Onclick, OnMouseOver, OnMouseOut 등이 이벤트입니다. 대표단은 다른 사람들이 그렇게하도록하는 것입니다. 이 이벤트는 원래 특정 요소에 추가되었지만 이벤트를 완료하기 위해 다른 요소에 추가했습니다.
즉, 거품의 원리를 사용하여 부모에게 이벤트를 추가하여 실행 효과를 트리거합니다.
소위 다이내믹 이벤트 추가는 본질적으로 JS의 이벤트 대표를 나타냅니다.
JS에서는 이벤트 처리가 현재 선택된 요소에만 바인딩 될 수 있음을 알고 있습니다. 즉, 이벤트 처리는 현재 문서에 이미 존재하는 요소에만 바인딩 될 수 있습니다! 그러나 종종 친구들은 내 요소가 나중에 페이지에 동적으로 추가 된 문제를 겪고 요소에 이벤트를 바인딩하고 싶습니다. 그것을 다루는 방법?
이 문제를 설명하기 위해 나중에 현재 페이지에 추가 된 요소에 클릭 이벤트를 추가해야한다고 가정합니다.
이 문제를 해결하는 핵심은 JS의 대의원 이벤트를 사용하는 것입니다. 위임 된 이벤트의 장점은 이벤트가 존재하지 않는 요소에 이벤트를 바인딩 할 수 있고 위임 된 이벤트가 종종 더 작은 오버 헤드를 가지고 있다는 것입니다!
오프 주제 : 가장 간단한 예를 들어 드리겠습니다. 페이지에 1000 개의 div가있을 때 DIV가 클릭 이벤트에 직접 바인딩되면 1000 개의 요소 바운드 이벤트가됩니다. 그러나 이벤트 대의원을 사용하는 경우 이벤트를 바인딩하려면 하나의 요소 만 있으면됩니다. 추신 :이 단어가 이벤트의 시운전의 의미를 이해하는 데 도움이되기를 바랍니다.
우리는 동적으로 생성 된 요소가 어떻게 이벤트를 추가하는지 알고 싶어합니다.
좋아, 요점으로 돌아가서 특정 구현을 참조하십시오.
// 동적 생성 요소를 시뮬레이션하면 li $ .ajax ({type : 'get', data : {}, success : function () {$ ( '<li>'). addClass ( 'aaa'). html ( '1111111111'). 부록 ($ ( 'body'));},}); function () {console.log ( 'ddd');});위는 편집자가 소개 한 JavaScript Dynamic Addect Commission입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!