jQuery에서 엘리먼트에 이벤트 등록하는 다양한 방법

우리는 보통 jQuery로 클릭 이벤트를 생성하기 위해서 다음의 코드를 작성한다.

$(id).click(function() { ... });

 

 

--> element가 js를 처음 로드한 시점 이후에 생긴 경우 click 이벤트가 적용되지 않음.

$(document).on('click', 'id', function)

 

 

위와 같이 작성하게 되면 element가 동적으로 추후에 생성됐다 할지라도 이벤트가 동작한다.

 

 

--> click 이벤트가 여러번 등록될 가능성 존재

페이지가 새로고침되거나 한 번 더 실행 될 때마다 click 이벤트가 계속 등록이 되어서 나중에는 click 이벤트가 여러 번 실행되는 현상이 발생한다.

 

그것을 방지하기 위해서 e.stopImmediatePropagation() 메소드를 실행시켜줘야 한다.

 

 

 

참고 블로그

m.blog.naver.com/PostView.nhn?blogId=dbjina&logNo=221124483583&proxyReferer=https:%2F%2Fwww.google.com%2F