728x90
✍︎ mouseenter / mouseover 의 차이를 알아봅시다 !
어떤 영역에 마우스가 올라감을 감지하는 두 메서드의 차이점을 예제를 통해 알아봅시다.
| addEventListener("mouseenter") | addEventListener("mouseover") |
|---|---|
| 해당 영역의 자식 영역 감지 X | 해당 영역의 자식 영역 감지 O |
# 예제를 통해 확인해봅시다 !
mouseenter의 경우, 자식 영역까지 감지할 수 없기 때문에 부모 영역에서만 보라색으로 변하는 것을 볼 수 있습니다.
mouseover의 경우, 자식 영역까지 감지하기 때문에 자식 요소가 노란색으로 변하는 것을 볼 수 있습니다.
'JAVASCRIPT' 카테고리의 다른 글
| JAVASCRIPT | 요소 크기 메서드 (3) | 2022.09.01 |
|---|---|
| JAVASCRIPT | GSAP (9) | 2022.08.29 |
| JAVASCRIPT | 문자열 메서드 | charAt( ) (8) | 2022.08.22 |
| JAVASCRIPT | 문자열 메서드 | match( ) (8) | 2022.08.22 |
| JAVASCRIPT | 문자열 메서드 | search( ) (8) | 2022.08.22 |
댓글