좌클, 우클 구별하기

document.addEventListener("click", function(e){})

document.addEventListener("mousedown", function(e){})

로 하게 될 경우 e에 여러 값이 보내지는데

이때 e.button, e.buttons을 하게 되면 좌클, 우클, 가운데 클릭이 전부다 확인 이 가능하다.

하지만 button보다는 buttons를 많이들 추천한다.

그 이유는 button은 w3c에서 표준으로 만들었지만 그 이전 브라우저에서는 다르게 작동하기 떄문인데

최근 것에서 좌클릭은 0, 그 이전 브라우저에서는 좌클릭이 1 이다.

참고로 최근 것에서 우클릭이 1로 되어있다. 따라서 오작동을 일으킬수 있다.

buttons는 ms에서 만들었지만 ie9 이상에서는 좌 1 우 2 가운데 4 로 일정하기 때문에 이것을 쓰는게 좋다고 한다.

http://stackoverflow.com/questions/3944122/detect-left-mouse-button-press

http://www.quirksmode.org/js/events_properties.html#button