클릭 이벤트의 경우 네이티브 브라우저 이벤트 와 jquery 트리거 또는 jQuery 대 네이티브 클릭 이벤트 바인딩을 확인합니다. $(`#myDiv`).click(function(function){를 사용하는 것이 표준 이벤트 등록 모델을 따르기 때문에 더 좋습니다. (jQuery내부적으로는 addEventListener 및 attachEvent를 사용합니다.) 페이지의 모든 단락에서 클릭 이벤트를 트리거: 전체

일부 콘텐츠

일부 개발자가 악용되었기 때문에 너무 부끄러워했다는 것을 이해해야 합니다. 그래서 그것은 테이블과 마찬가지로 신성한 비율의 지점에 도달했습니다. 일부 개발자는 실제로 테이블 형식 데이터에 대한 테이블을 피합니다. 그것은 이해하지 않고 행동하는 사람들의 완벽한 예입니다. .click(), .blur(), .change() 및 기타 메서드는 이벤트 바인딩을 위한 «약식» 메서드입니다. jQuery는 네이티브 DOM 이벤트에 해당하는 이러한 단축 메서드를 제공합니다 : 내 의견으로는, 나는 그것에 대해 일관되고 모든 곳에서 .click을 사용하고 모든 자바 스크립트 코드를 함께 유지하고 HTML에서 분리합니다. 클릭 이벤트에 함수를 연결하는 데 사용됩니다. 클릭 이벤트는 이 정확한 일련의 이벤트 후에만 트리거됩니다. 새 항목을 클릭하면 추가 이벤트 바인딩 코드 없이 정상적으로 작동합니다. 이벤트를 .trigger() 하면 JavaScript로 바인딩된 이벤트 처리기만 트리거하면 이벤트의 기본 동작이 트리거되지 않습니다. 예를 들어 요소의 클릭 이벤트를 트리거하면 해당 요소의 href으로 자동으로 이동하지 않습니다(그렇게 하는 코드를 작성할 수 있음).

참고 두 번째 예제의 주요 단점은 전역 네임스페이스의 오염입니다. 위의 세 번째 대안을 사용하거나 Angular 및 자동으로 범위가 있는 ng-click 속성과 같은 프레임워크를 사용하여 이를 우회할 수 있습니다. 위의 코드는 페이지의 모든 목록 항목을 선택한 다음 jQuery의 .click() 메서드를 사용하여 각 목록 항목의 클릭 이벤트에 처리기 함수를 바인딩합니다. 그러나 프로젝트에 jQuery를 이미 포함한 경우 .on 또는 .click 함수를 사용하여 jQuery를 사용하십시오. 이 동작을 이벤트 버블링이라고 합니다 — 이벤트는 사용자가 클릭한 요소에서 트리거되며 이벤트 개체에서 .stopPropagation()을 호출하지 않는 한 이벤트가 DOM까지 트리거됩니다.