달력

7

« 2019/7 »


 

 

인터넷 익스플로러 이벤트 모델

·       표준 이벤트 모델

·       번에 하나의 이벤트 리스너만을 가질 있는 DOM Level 0이벤트 모델들의 단점을 보완하기 위해 만들어진 DOM Level 2 이벤트 모델입니다.

·       국내에서는 인터넷 익스플로러 이벤트 모델을 많이 사용합니다.

·       IE8이전 버전에서 동작합니다.

 

 

 

이벤트 연결 제거 메소드

·       표준 이벤트 모델가 비슷하지만 이벤트 연결및 제거에 사용되는 메소드가 다릅니다.

·       가지 메소드는 이벤트를 연결하거나 제거할 있는 방법으로 번째 매개변수에 이벤트 속성을 넣어줍니다.

 

메소드 구조

설명

attachEvent(eventProperty,eventHandler)

이벤트 연결 메소드

detachEvent(eventProperty,eventHandler)

이벤트 제거 메소드

 

 

 

 

표준 이벤트 모델

·       표준을 만드는 단체인 W3C에서 공식적으로 지정한 DOM Level 2 이벤트 모델입니다.

·       객체나 요소의 메소드로 이벤트 리스너를 전달하는 방법입니다.

 

addEventListener(eventName, handler, useCapture)

이벤트 연결

removeEventListener(eventName, handler)

이벤트 제거

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>표준 이벤트 모델</title>

<script type="text/javascript">

window.addEventListener('load', function(){

         var header = document.getElementById('header');

         header.addEventListener('click', function(){

             alert('클릭');

         }, false);

     }, false);

</script>

</head>

<body>

<h1 id="header">Header Click</h1>

</body>

</html>

 

 



Posted by codedragon codedragon

댓글을 달아 주세요


 

 

인라인 이벤트 모델

·       기본 이벤트 모델

·       HTML 태그의 이벤트 속성에 이벤트 핸들러(실행 함수) 직접 입력하는 형태입니다.

·       HTML 페이지의 가장 기본적인 이벤트 연결 방법으로 번에 하나의 이벤트 리스너만을 가질 있습니다.

 

div태그에 onclick속성 추가

<html>

<head>

<script type="text/javascript">

     function whenClick(){

        alert('CLICK');

    }

</script>

</head>

<body onload="init();">

    <div id="header" onclick="whenClick();">클릭</div>

</body>

</html>

 

 

 

 

기본 이벤트 모델

<html>

<head>

<script type="text/javascript">

window.onload = function(){

var header = document.getElementById('header');

function whenClick(){

alert('CLICK');

}

header.onclick = whenClick; //이벤트 연결

};

</script>

</head>

<body>

<div id="header">클릭</div>

</body>

 

</html>

 

 


Posted by codedragon codedragon

댓글을 달아 주세요

 

 

자바스크립트 기능

자바스크립트를 사용하여 웹 프로그래밍에서 할 수 있는 작업은 다음과 같습니다.

 

·       HTML '내용'을 변경

·       HTML '속성'을 변경

·       HTML '스타일'을 변경

 

Posted by codedragon codedragon

댓글을 달아 주세요


 

 

mit ai2 companion 설치하기

 

 

"mit ai2 companion" 검색

mit ai2 companion


 

 

우측 상단의 [설치] 버튼 클릭

https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3


 

[설치]


 

[확인]


 


 

 

 

실행하기

안드로이드 폰에서 앱을 실행합니다.


 


 

 





'Development > IoT' 카테고리의 다른 글

사물인터넷(IoT) 특징  (0) 2019.08.08
포그 컴퓨팅(Fog Computing)  (0) 2019.07.30
mit ai2 companion 앱 설치하기  (0) 2019.07.18
CES(Consumer Electronics Show)  (0) 2019.07.09
IRremote 적외선 라이브러리  (0) 2019.06.18
TM1638 library  (0) 2019.06.13
Posted by codedragon codedragon

댓글을 달아 주세요


 

 

 

TimePickerDialog형태

·       TimePickerDialog형태 - true

·       TimePickerDialog형태 - false

 

 

TimePickerDialog형태 - true

newTimePickerDialog(this,timepickerListener,dateAndTime.get(Calendar.HOUR_OF_DAY), dateAndTime.get(Calendar.MINUTE),true).show();


 

 

 

 

 

 

TimePickerDialog형태 - false

newTimePickerDialog(this,timepickerListener,dateAndTime.get(Calendar.HOUR_OF_DAY), dateAndTime.get(Calendar.MINUTE),false).show();

 


 


'Development > Android' 카테고리의 다른 글

Android SDK API 19 - AVD19-애뮬레이터 한글 설정  (0) 2019.08.04
"Empty Activity" 프로젝트 생성하기  (0) 2019.07.23
TimePickerDialog형태  (0) 2019.07.18
apk file  (0) 2019.07.06
Android API문서  (0) 2019.06.30
색상표기 - RGB표기법(16진수 표기법)  (0) 2019.06.28
Posted by codedragon codedragon

댓글을 달아 주세요