728x90
마우스 이벤트 종류
click
- 사용자가 해당 element를 클릭했을 때(버튼을 눌렀다가 떼었을 때) 발생 합니다.
mousedown
- 사용자가 해당 element에서 마우스 버튼을 눌렀을 때 발생합니다.
mouseup
- 사용자가 해당 element에서 눌렀던 마우스 버튼을 떼었을 때 발생합니다.
dblclick
- 사용자가 해당 element에서 마우스 버튼을 더블 클릭했을 때 발생합니다.
mousemove
- 사용자가 해당 element에서 마우스를 움직였을 때 발생합니다.
mouseover
- 사용자가 마우스를 해당 element 바깥에서 안으로 옮겼을 때 발생합니다.
mouseout
- 사용자가 마우스를 해당 element 안에서 바깥으로 옮겼을 때 발생합니다.
mouseenter
- 사용자가 마우스를 해당 element 바깥에서 안으로 옮겼을 때 발생합니다. (버블링이 발생하지 않습니다)
mouseleave
- 사용자가 마우스를 해당 element 안에서 바깥으로 옮겼을 때 발생합니다. (버블링이 발생하지 않습니다)
contextmenu
- 마우스 오른쪽 버튼을 눌렀을 때 발생합니다.
728x90
'JavaScript > Basics' 카테고리의 다른 글
| [Javascript] var를 지양해야 하는 이유 (0) | 2023.09.26 |
|---|---|
| [HTML/CSS] input type number 오른쪽 화살표 없애기 ( 증가,감소 버튼) (0) | 2023.09.01 |
| [HTML/CSS] 라디오 버튼 이미지 처리하기 (radio 버튼 커스텀) (0) | 2023.08.25 |
| [JavaScript] 마우스 클릭 좌표 (clientX, offsetX, pageX, screenX의 차이점 알아보기) (0) | 2023.08.17 |
| [HTML/CSS] position:fixed와 sticky의 차이점 알아보기 (0) | 2023.07.27 |