샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러
사용자의 요구 또는 움직임에 반응하는 프로그레밍을 위한 기초~
마우스를 움직이거나
탭키를 이용하면 배경의 색을 바꿀 수 있는 예제.
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> |
|
|
|
|
|
|
|
<head> |
|
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> |
|
|
|
<title>window객체 이벤트.이벤트핸들러</title> |
|
|
|
|
|
|
|
<meta name="Keywords" content="" /> |
|
|
|
<meta name="Description" content="" /> |
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
//<![CDATA[ |
|
|
|
|
|
|
|
// 사용자 행위 자체 (마우스를 움직이거나 키를 누르는 등의 동작) = event |
|
|
|
// 사용자 행위를 전달하는 시점 (event앞에 on을 붙이면) = event handler |
|
|
|
|
|
|
|
//]]]]]]> |
|
|
|
</script> |
|
|
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
<body onfocus="document.bgColor='orange'" onblur="document.bgColor='gray'"> |
|
|
|
<!-- 탭키를 이용해 포커스를 이동시킬 수 있다.--> |
|
|
|
</body> |
|
|
|
|
|
|
|
</html> |
|
'새로워지기 > 서른의 생활코딩' 카테고리의 다른 글
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 3. (0) | 2011.04.22 |
|---|---|
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 2. (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 : window객체 2)시간 메소드 (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 : window객체 1)오픈메소드 (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 ( string 객체2_예제2 ) (0) | 2011.04.19 |
댓글