KoXo 자바스크립트 - 속성(property) - button

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

	Script	event.button=[iVal]
	HTML	없음

인수

event : (이벤트 개체): 필수적인 인수로 event 개체이다. onmousedown 이벤트에 해당한다.
button : (마우스 단추 종류값): 필수적인 인수로 마우스를 클릭했을 떄 어느 마우스 단추가 클릭되었는가 호출한다.

iVal : (속성 정수값)

button 속성값은 다음 중 하나의 정수값이다.

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

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

특기

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

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

적용

개체	script	HTML	규격	IE
event	event.button[=iVal]	없음	없음	IE4.0(win16,win32,unix,mac),IE5.5(ce)

참조	onmousedown 이벤트
	keyCode 속성	screenX 속성	screenY 속성	width, height 속성	whichNS 속성
	type 속성	x, y 속성	layerX, YNS 속성	dataNS 속성
	buttonIE 속성	target 속성	pageXNS 속성	pageYNS 속성	modifiersNS 속성

property ⇒

button 속성⇒

간단한 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>

property ⇒

button 속성

⇒

최종 수정:
06/20/2025 13:55:22

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/property/button.html