[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" 이벤트를 발생시킵니다.