focusin/focusout, focus/blur의 차이

2020. 5. 7. 15:44[개발] 지식/JavaScript

차이점

단적으로 말해서 focusin과 focusout은 버블링이 발생하지만,
focus/blur는 버블링이 발생하지 않는다.

예를들어 div 요소 안에 input 요소가 있고, input 요소에 포커스 이벤트를 적용하고 싶을때,
focusin/focusout은 상위 요소인 div 요소의 포커스 이벤트도 트리거하지만, focus/blur는 순수하게 자기 자신의 focus 이벤트만 작동시킨다.

<