마우스 이벤트

자바스크립트 마우스 이벤트는 2종류로 나눌 수 있다.

기본 형태

<script>
document.getElementById("아이디이름").onmousedown=function(){console.log("onmousedown");}
</script>

 

1. 마우스 클릭/ 2.마우스 움직임

 

1. 마우스 클릭 관련 이벤트

onclick = onmouseup + onmousedown 마우스를 클릭했을 때 이벤트 발생.

onmouseup = 마우스 커서를 누른 후에 떼었을 때 이벤트 발생.

onmousedown = 마우스 커서를 눌렀을 때 이벤트 발생.

ondbclick = 더블클릭 했을 때 이벤트 발생.

 

2. 마우스 움직임 관련 이벤트

onmousemove = 마우스가 움직일 때 마다 이벤트 발생.

onmouseover = 마우스가 특정 공간 위에 올려져 있을 때 이벤트 발생.

onmouseout = 마우스가 특정 공간에 있다가 나왔을 때 이벤트 발생.