사용자의 onmousedown 이벤트에서 누른 마우스 단추의 종류값을 반환하거나 설정한다.

인수
event : (이벤트 개체)
필수적인 인수로 event 개체이다. onmousedown 이벤트에 해당한다.

button : (마우스 단추 종류값)

필수적인 인수로 마우스를 클릭했을 떄 어느 마우스 단추가 클릭되었는가 호출한다.

: (속성 정수값)
속성값은 다음 중 하나의 정수값이다.

button 값 설명
0 디폴트이며, 마우스 단추가 눌리지 않았다.
1 마우스 왼쪽 단추가 눌렸다.
2 마우스 오른쪽 단추가 눌렸다.
3 마우스 왼쪽과 오른쪽 단추가 동시에 눌렸다.
4 마우스 세개가 있을 때 가운데 단추가 눌렸다.
5 마우스 왼쪽과 가운데 단추가 동시에 눌렸다.
6 마우스 오른쪽과 가운데 단추가 동시에 눌렸다.
7 모든 세개의 마우스 단추가 동시에 눌렸다.

이 속성은 읽기/쓰기로 디폴트값은 단추가 눌리지 않은 상태인 0 이다.

특기

IE4.0에서 읽기전용이고, IE5부터 읽기/쓰기가 가능하게 되었다.

이 속성은 onmousedown, onmouseup, onmousemove 이벤트들과 동시에 사용된다.
다른 이벤트들은 마우스 단추 상태에 관계없이 항상 0이다.

적용
개체scriptHTML규격IE


간단한 button 속성 예제

왼쪽, 오른쪽, 가운데 마우스를 눌러보라.
event.button=결과 표시창

event.button==1은 스크롤바 이동을 위하여 경고를 주지 않았다.

<DIV class=show>왼쪽, 오른쪽, 가운데  마우스를 눌러보라.
<DIV>event.button=<SPAN id=showA style=color:blue>결과 표시창</SPAN></DIV>

<SCRIPT>
function buttonTest(){
  str='<B>'+event.button+'</B><BR>';
  if (event.button==1) {
    str+='왼쪽 마우스를 클릭했다.';
  } else if (event.button==2) {
    str+='오른쪽 마우스를 클릭했다.';
 //   return false;
  } else if (event.button==4) str+='가운데 마우스를 클릭했다.';
  showA.innerHTML=str;
}
document.onmousedown=buttonTest;
</SCRIPT>