Javascript 마우스 이벤트 구현

Javascript 마우스 이벤트 구현

 

 

 mouse event(마우스이벤트) 

: 마우스를 이용하여 이벤트를 구현하는 함수들을 정리하려고한다. 

 

 

mouseover

: 해당 객체의 영역위에 커서가 진입하는 순간 발생하는 이벤트다.

 

onmouseout

: 해당 영역에서 커서가 빠져나가는 순간 발생하는 이벤트다.

 

onmousedown

: 해당 객체의 영역에서 마우스 버튼이 눌려지는 순간 발생하는 이벤트다.

 

onmouseup

: 해당 객체의 영역에서 마우스 버튼이 떼는 순간 발생하는 이벤트다.

 

onmousemove

: 해당 객체의 영역에서 커서가 움직이는 순간 발생하는 이벤트다.

 

 

기본형태 : 이벤트발생변수.addEventListener('click', function() {});

 

 

참고 주소 : https://sas-study.tistory.com/141

[Javascript] 자바스크립트 마우스 이벤트(mouse event)