소위 다이내믹 이벤트 추가는 본질적으로 JS의 이벤트 대표를 나타냅니다.
JS에서는 이벤트 처리가 현재 선택된 요소에만 바인딩 될 수 있음을 알고 있습니다. 즉, 이벤트 처리는 현재 문서에 이미 존재하는 요소에만 바인딩 될 수 있습니다! 그러나 종종 친구들은 내 요소가 나중에 페이지에 동적으로 추가 된 문제를 겪고 요소에 이벤트를 바인딩하고 싶습니다. 그것을 다루는 방법?
이 문제를 설명하기 위해 나중에 현재 페이지에 추가 된 요소에 클릭 이벤트를 추가해야한다고 가정합니다.
이 문제를 해결하는 핵심은 JS의 대의원 이벤트를 사용하는 것입니다. 위임 된 이벤트의 장점은 이벤트가 존재하지 않는 요소에 이벤트를 바인딩 할 수 있고 위임 된 이벤트가 종종 더 작은 오버 헤드를 가지고 있다는 것입니다!
오프 주제 : 가장 간단한 예를 들어 드리겠습니다. 페이지에 1000 개의 div가있을 때 DIV가 클릭 이벤트에 직접 바인딩되면 1000 개의 요소 바운드 이벤트가됩니다. 그러나 이벤트 대의원을 사용하는 경우 이벤트를 바인딩하려면 하나의 요소 만 있으면됩니다. 추신 :이 단어가 이벤트의 시운전의 의미를 이해하는 데 도움이되기를 바랍니다.
우리는 동적으로 생성 된 요소가 어떻게 이벤트를 추가하는지 알고 싶어합니다.
좋아, 요점으로 돌아가서 특정 구현을 참조하십시오.
// 요소의 동적 생성 시뮬레이션 Li $ .ajax ({type : 'get', data : {}, success : function () {$ ( '<li>'). addClass ( 'aaa'). html ( '1111111111'). Appendto ($ ( 'body');},}); function () {console.log ( 'ddd');});위의 기사는 JS 동적 첨가 이벤트에 대한 진부한 것입니다 .-- 이벤트 위안은 내가 공유하는 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.