- mouseenter와 mouseleave는 버블링이 일어나지 않는다.
- mouseenter와 mouseleave는 자식 요소의 영역을 계산하지 않는다.
- 이벤트 핸들러가 자식 요소에까지 영향을 끼치게 하고 싶은 경우에는 mouseover/mouseout을 사용한다.
- 자식 요소에는 영향을 끼치지 않고 해당 요소에만 이벤트 핸들러를 다루려면 mouseenter/mouseleave를 사용한다.
728x90
'코딩도 합니다 > JS' 카테고리의 다른 글
| [자바스크립트 js] input 태그 / input 태그 종류 / 포커스 이벤트 / 입력 이벤트 (0) | 2021.05.16 |
|---|---|
| [자바스크립트 js] 키보드 이벤트 / keydown / keypress / keyup (0) | 2021.05.16 |
| [자바스크립트 js] 마우스 이동 이벤트 / MouseEvent.위치프로퍼티 (0) | 2021.05.11 |
| [자바스크립트 js] 마우스 버튼 이벤트 / MouseEvent.button / MouseEvent.type (0) | 2021.05.11 |
| [자바스크립트 js] 브라우저의 기본 동작 막기 e.preventDefault(); (0) | 2021.05.10 |