| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- 하루한마디영어
- 안드로이드 개발 강좌
- 안드로이드 바탕화면
- 아이폰 바탕화면
- 하루 한마디 영어
- MapView
- SKY 시리우스
- Form Stuff
- sky 시리우스폰
- 구글 안드로이드 개발
- 스카이 안드로이드폰 시리우스
- 안드로이드 개발 2.0 강좌
- 안드로이드폰
- 스카이 안드로이드폰 시리우스 K양 동영상
- 인기있는 블로그 만들기
- 안드로이드
- 스마트폰 배경화면
- android
- 아이폰 배경화면
- objective-c
- 안드로이드2.0개발
- 안드로이드 개발
- 구글안드로이드
- 안드로이드2.0
- 안드로이드 배경화면
- 안드로이드개발
- 안드로이드 개발 2.0
- 영어
- 구글 안드로이드
- 안드로이드 2.0 개발
- Today
- Total
moozi
javascript 이벤트처리 방식 정리 본문
<!DOCTYPE html>
<html>
<body>
<p>Click "Try it" to execute the displayDate() function.</p>
<button id="myBtn">Try it</button>
<button onClick="displayDate()">Try it</button>
<button id="myBtn2">Try it</button>
<button id="myBtn3">Try it</button>
<p id="demo"></p>
<script>
// myBtn을 찾아서 click이벤트가 발생하면 diplayDate함수를 호출
document.getElementById("myBtn").onclick = displayDate;
// EventListener를 이용해서 함수호출
document.getElementById("myBtn2").addEventListener("click",displayDate);
// EventListener를 이용해서 함수호출. 익명함수(콜백함수) 사용.
document.getElementById("myBtn3").addEventListener("click",function(){
document.getElementById("demo").innerHTML = Date();
});
function displayDate() {
document.getElementById("demo").innerHTML = Date();
}
</script>
</body>
</html>
'TIS_2016 > HTML5_1기' 카테고리의 다른 글
| 3/28 오전수업 소스코드 (0) | 2016.03.28 |
|---|---|
| javascript 연습문제 풀이 1 ~ 8 (0) | 2016.03.25 |
| jquery 연습문제1 (0) | 2016.03.24 |
| gallery프로그램 예제 (0) | 2016.03.24 |
| AngularJS Custom Filter 예제 (0) | 2016.03.23 |