CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
마우스 이벤트
|
이벤트 이름 |
설명 |
|
click |
마우스를 클릭할 때 발생 |
|
dbclick |
마우스를 더블클릭할 때 발생 |
|
mousedown |
마우스 버튼을 누를 때 발생 |
|
mouseup |
마우스 버튼을 뗄 때 발생 |
|
mouseenter |
마우스가 요소의 경계 외부에서 내부로 이동할 때 발생 |
|
mouseleave |
마우스가 요소의 경계 내부에서 외부로 이동할 때 발생 |
|
mousemove |
마우스를 움직일 때 발생 |
|
mouseout |
마우스가 요소를 벗어날 때 발생 |
|
mouseover |
마우스를 요소 안에 들어올 때 발생 |
마우스 이벤트와 관련된 메소드
|
메소드 |
설명 |
|
.click() |
자바스크립트의 "click" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "click" 이벤트를 발생시킵니다. |
|
.dblclick() |
자바스크립트의 "dblclick" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "dblclick" 이벤트를 발생시킵니다. |
|
.hover() |
자바스크립트의 "mouseenter"와 "mouseleave" 이벤트를 같이 인벤트 핸들러와 연결합니다. |
|
.mousedown() |
자바스크립트의 "mousedown" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "mousedown" 이벤트를 발생시킵니다. |
|
.mouseenter() |
해당 요소 위로 마우스가 진입할 때 발생하는 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 마우스 진입 이벤트를 발생시킵니다. |
|
.mouseleave() |
해당 요소에서 마우스가 빠져나갈 때 발생하는 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 마우스가 빠져나가는 이벤트를 발생시킵니다. |
|
.mousemove() |
자바스크립트의 "mousemove" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "mousemove" 이벤트를 발생시킵니다. |
|
.mouseout() |
자바스크립트의 "mouseout" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "mouseout" 이벤트를 발생시킵니다. |
|
.mouseover() |
자바스크립트의 "mouseover" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "mouseover" 이벤트를 발생시킵니다. |
|
.mouseup() |
자바스크립트의 "mouseup" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "mouseup" 이벤트를 발생시킵니다. |
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
| [jQuery] 이벤트 메소드(event method) (0) | 2017.07.05 |
|---|---|
| [jQuery] 이벤트의 위임(event delegation), 이벤트의 위임 방법 (0) | 2017.07.05 |
| [jQuery] 이벤트 제거 - off() 함수 형식 (0) | 2017.07.05 |
| [jQuery] 이벤트 연결(event binding) - .on() 메소드 특징, on() 함수 형식, button의 id가 "btn"인 요소에 click 이벤트 연결하는 다양한 방법, .one() 메소드 (0) | 2017.07.05 |
| [jQuery] 이벤트 통합 메서드, on(), off() 함수 (0) | 2017.07.05 |