note

이벤트 객체 본문

JavaScript/기본

이벤트 객체

투한 2012. 3. 16. 11:04 













<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	window.onload = function() {
		document.body.onclick = function(e){
			//이벤트 객체를 설정합니다.
			var event = e || window.event;
			document.body.innerHTML ='';
			for(var key in event){
				document.body.innerHTML +='<p>'+key + ': '+ event[key] + '</p>';
			}
		};
	};
</script>
</head>
<body>
<h1 id="header">Click</h1>
</body>
</html>



마우스 위치를 바꿔서 클릭하면 값이 바뀜

 익스플로러 일때는 window.event 사용



저작자표시 비영리 변경금지 (새창열림)

'JavaScript > 기본' 카테고리의 다른 글

입력양식의 유효성 검사  (0) 2012.03.19
이벤트 연결  (0) 2012.03.19
이벤트 발생 객체의 스타일 변경  (0) 2012.03.16
이벤트 핸들러 안에서 this 키워드  (0) 2012.03.16
이벤트 용어  (0) 2012.03.16
'JavaScript/기본' Related Articles more