자바스크립트 마우스 휠,버튼 이벤트

addEventListener 을 이용한

마우스 [휠]    업 다운
마우스 [버튼] 업 다운 

function inputEventInit()
{
    ex.addEventListener('mousewheel', function(delta)
    {
        if(delta.wheelDelta >= 0)
        {
           
     		console.log('+');
        }
        else
        {
            console.log('-');
        }         
    });

    ex.addEventListener('mousedown', function(event)
    {          
        console.log('mousedown');
    });
    

    ex.addEventListener('mouseup', function(event)
    {
        console.log('mouseup');
    });
};

 

 

실행 콘솔로그 확인

 

 

delta 값 디버깅

 

 

 

그 외는 mousedown, mouseup 내용만 바꾸고 이벤트 추가해서 사용하면 ㅇ

 

click
마우스 클릭

mouseout
마우스가 엘리먼트를 벗어났을때

mousemove
마우스가 엘리먼트에서 움직일때

mousedown
마우스를 누르는 그 순간!
(click과는 다르게 press하는 순간입니다)

mouseup
down과 반대로 마우스를 누르고 있다가 손가락을 떼는 그 순간