note

표준 이벤트 모델 본문

JavaScript/기본

표준 이벤트 모델

투한 2012. 3. 19. 10:11













크롬 실행 결과


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	window.onload = function () {
		var header = document.getElementById('myHeader');
		if(header.attachEvent){
			//인터넷 익스플로러의 경우 실행합니다.
			var handler = function () {
			window.event.srcElement.style.color = 'red';
			window.event.srcElement.detachEvent('onclick',handler);
		};
		header.attachEvent('onclick',handler);
	}else{
		//그 외의 브라우저에서 실행합니다.
			var handler = function(){
				this.style.color = 'red';
				this.removeEventListener('click',handler);
			};
			handler.addEventListener('click',handler);
			handler.addEventListener('click',handler);
		}
	};
</script>
</head>
<body>
	<h1 id="myHeader">Click</h1>
</body>
</html>






익스플로러 코드와 그외 브라우저 코드가 다르다





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

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

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