'자바스크립트/표준호환'에 해당되는 글 2건

  1. 2008.07.01 마우스 버튼 확인 방법
  2. 2008.07.01 마우스 좌표 확인 방법

마우스 버튼 확인 방법

자바스크립트/표준호환 2008. 7. 1. 18:32

마우스 버튼의 경우 W3C에서 정의하는 값은 다음과 같습니다.

  • Left button : 0
  • Middle button : 1
  • Right button : 2

그러나 마이크로소프트에서 정의하는 값은 다음과 같습니다.

  • Left button : 1
  • Middle button : 4
  • Right button : 2

 

[javascript 예제]

function doSomething(e) {
	var rightclick;
	if (!e) var e = window.event;
	if (e.which) {
		rightclick = (e.which == 3);
	} else if (e.button) {
		rightclick = (e.button == 2);
	}
	
	alert('Rightclick: ' + rightclick); // true or false
}
// 사용법
doSomething(event);
:

마우스 좌표 확인 방법

자바스크립트/표준호환 2008. 7. 1. 18:25
[javascript 예제]
function doSomething(e) {
	var posx = 0; // x 좌표값
	var posy = 0; // y 좌표값
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) {
		posx = e.pageX;
		posy = e.pageY;
	} else if (e.clientX || e.clientY) {
		posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	// posx and posy contain the mouse position relative to the document
	// Do something with this information
}
	
//사용법
doSomething(event)
: