deep dive DOM EVENT

<DOM Event> 모르면안된다

 

Event는 EventRegistry라는것이 브라우저에 있다, (event queue라는것도 잇다);

 

addEventListner에서 focus, focus in / blur, focus out의 차이를 알아야한다

 

focus blur는 bubbling이 발생하지 않는다

focus in, focus out은 버블링이 발생한다.

이벤트는 비동기이다.

 

event.stopPropagation(); 을 쓰면 부모의 이벤트를 실행하지 않는것이다.

event.preventDefault();는 원래 실행하는 이벤트를 실행하지 않는것이다

 

요즘 브라우저는 다 버블링이다.

 

이벤트리스너를 걸때는 무조건 돔이 먼저 생성되고나서 리스너를 걸 수 있도록 한다.

 

onClick은 첫번쨰인자를 함수로받는다.

 

event.target은 버블링이일어나는 가장위의 객체가 받고

event.currentTarget 은 이벤트가 일어나나는 당사자가 나온다. ****중요****

 

 

 

도배를 방지할때 제일 많이쓰는게 $btn.removeEventListener('click',()=>{ arguments.callee})

 

디바운싱 스로틀링 짱중요