다음 내용의 차이점을 알려주십시오.
나는 이런 종류의 행동에 새로운입니다.
$('#myButton').on('click', function() {
// Some code
});
및
$(document).on('keyup', '#myButton', function() {
// Some Code
});
및 documentation에서
$('#myButton').click(function() {
//Some code
});
위임 된 이벤트가 t을 추가 하위 요소의 이벤트를 처리 할 수있는 장점이 있습니다 o 나중에 문서. 위임 된 이벤트 핸들러가 연결될 때 존재하도록 보장 된 요소를 선택하면 위임 된 이벤트를 사용하여 이벤트 핸들러를 자주 연결하고 제거 할 필요가 없습니다. 이 요소는 모델 - 뷰 - 컨트롤러 디자인 (예 : 이벤트 핸들러가 문서의 모든 버블 링 이벤트를 모니터하려는 경우 문서)의 뷰 컨테이너 요소 일 수 있습니다. 문서 요소는 다른 HTML을로드하기 전에 문서 머리글에서 사용할 수 있으므로 문서가 준비 될 때까지 기다리지 않고도 이벤트를 첨부 할 수 있습니다.
$("#dataTable tbody tr").on("click", function() {
alert($(this).text());
});
위임 - 이벤트 방식은 단 하나의 요소는 TBODY에 이벤트 핸들러를 첨부하며 : 그 TBODY 1000 행 데이터 테이블
이 예에서는 1,000 요소 핸들러를 첨부$("#dataTable tbody").on("click", "tr", function() {
alert($(this).text());
});
참고 : 위임 된 이벤트가 SVG 작동하지 않는 이벤트는 최대 버블 (TBODY에 TR 클릭 된)에서 한 단계를 필요로한다.
이봐, 당신이 질문을 게시하기 전에 적절한 연구를해야한다. – Pankaj
오케이, 그 점에 대해 사과 드리며,이 점을 염두에 두겠습니다. – Aravindan