mouseenter 과 mouseover 메서드의 차이
안녕하세요 오늘은 mouseenter 과 mouseover 메서드의 차이점을 알려드리겠습니다.
mouseover 와 mouseenter 둘 모두 이벤트 메서드 addEventListener에서 사용하는데요, 둘 모두 사용자가 마우스를 해당 element 바깥에서 안으로 옮겼을 때 발생합니다 라는 공통점을 가지고있는데요, 차이점이란 mouseover은 버블링 효과를 가진다는 점입니다. 버블링 효과에 대해선 아래쪽 예시를 통해 쉽게 알려드리겠습니다.
예시
mouseenter
요소에 마우스 포인터가 진입하면 발생합니다. 오로지 자기 자신에게 마우스 포인터가 와야만 발생
mouseover
직접 이벤트를 걸지 않은 자식요소에 마우스 포인터가 와도 발생합니다
'Javascript' 카테고리의 다른 글
| 오답노트01 (3) | 2022.10.06 |
|---|---|
| 요소 크기 메서드 (12) | 2022.09.01 |
| 문자열 관련 메서드 charAt() (8) | 2022.08.22 |
| 문자열 관련 메서드 match() (10) | 2022.08.22 |
| 문자열 관련 메서드 search() (11) | 2022.08.22 |
댓글