[javascirpt] onclick 과 click 함수

html 에서도 onclick 이 나오고

javascirpt에서도 click onclick  함수가 나오고

커스텀으로 함수를 만들 수 있는데

 

이런걸 어떻게 정리하지???????

 

 

도대체 뭐지>>

 

html 과 javascirpt에서 사용되는 onclick 어트리뷰트  onclick 함수 

 

 

 

 

onclick은 하나만, addEventListener는 여러 개를.

btn.onclick = function() {~~} 덮어 씌어진다.

onclick 이벤트 핸들러를 두 번 이상 사용한다면 기존 이벤트 핸들러를 덮어쓰기 때문에 가장 아래에 추가한 핸들러만 제대로 작동한다.

 

 

 

 

 

addEventListener

addEventListener

addEventListener는 기존 이벤트 핸들러를 덮어 쓰지 않고 얼마든지 계속해서 핸들러를 추가해도 모든 핸들러가 정상적으로 작동한다.

 

참고: https://jess2.xyz/JavaScript/onclick-vs-addeventlistener/

[JavaScript] onclick과 addEventListener 비교

 

 

제이쿼리 에서

.click(function () {  ~~~  } ); 

.on("click", "button[name='add']", function () { ~~ } );

 

이 두개의 차이는

정적, 동적인 차이다.

정적: 처음꺼만 연결되서 함수가 실행되고

동적: 계속해서 추가된 애들도 함수가 실행된다.

 

 

https://myhappyman.tistory.com/123

jQuery - 클릭이벤트 동적 처리하기($("").click(), on('click') 차이)

 

 

 

제이쿼리 $(document).on( "change". "select.category1, function() {~~~~} ); 은 여러번 선언하면...

덮어 씌어지지 않고... 중복으로 함수가 적용된다.