JavaScript 이벤트 마우스

    2018-04-22 07:19:42 작성

    마우스 이벤트 type

    이벤트 설명 DOM
    onclick 요소를 클릭하면 발생 2
    oncontextmenu 마우스 오른쪽 버튼을 클릭하여 컨텍스트 메뉴를 열 때 발생 3
    ondblclick 요소를 더블클릭하면 발생 2
    onmousedown 요소를 누를때 발생 2
    onmouseup 요소에서 마우스 버튼을 눌렀다가 놓을때 발생 2
    onmouseenter 포인트가 요소 위로 들어올때 한번만 발생 2
    onmouseleave 포인트가 요소 밖으로 나갈때 한번만 발생 2
    onmousemove 포인터가 요소 위에서 움직일때 발생 2
    onmouseover 포인트가 요소 위로 이동되거나 자식요소중 하나 위로 이동될 때 발생 2
    onmouseout 포인터를 밖으로 이동하거나 해당 요소중 하나에서 벗어날때 발생 2

    MouseEvent 객체 속성

    속성 설명 DOM
    altKey 마우스 이벤트가 트리거 되었을때 "ALT" 키를 눌렀는지 여부를 반환 2
    button 마우스 이벤트가 트리거 되었을 때 눌렀던 마우스 버튼을 반환 2
    buttons 마우스 이벤트가 트리거 되었을 때 눌렀던 마우스 버튼을 반환 3
    clientX 마우스 이벤트가 트리거 되었을 때 현재 윈도우를 기준으로 마우스 포인터의 x 좌표를 반환 2
    clientY 마우스 이벤트가 트리거 되었을 때 현재 윈도우를 기준으로 마우스 포인터의 y 좌표를 반환 2
    ctrlKey 마우스 이벤트가 트리거 되었을때 "CTRL" 키를 눌렀는지 여부를 반환 2
    detail 마우스를 클릭한 횟수를 나타내는 숫자를 반환 2
    metaKey 마우스 이벤트가 트리거 되었을때 "META" 키를 눌렀는지 여부를 반환 2
    pageX 마우스 이벤트가 트리거 되었을 때 문서를 기준으로 마우스 포인터의 x 좌표를 반환  
    pageY 마우스 이벤트가 트리거 되었을 때 문서를 기준으로 마우스 포인터의 y 좌표를 반환  
    relatedTarget 마우스 이벤트를 트리거 한 요소와 관련된 요소를 반환 2
    screenX 이벤트가 트리거 되었을 때 화면을 기준으로 마우스 포인터의 x 좌표를 반환 2
    screenY 이벤트가 트리거 되었을 때 화면을 기준으로 마우스 포인터의 y 좌표를 반환 2
    shiftKey 마우스 이벤트가 트리거 되었을때 "SHIFT" 키를 눌렀는지 여부를 반환 2
    which 마우스 이벤트가 트리거 되었을 때 눌렀던 마우스 버튼을 반환 2