on
event
event
728x90
Html엘리먼트 (태그)에서 생겨나는 것
webpage의 로딩이 완료 되면 event가 발생한다.
event모델의 개발환경 이벤트 모델을 활용한 프로그램의 개발하는 것 요청을 하고 응답모델을 보낼 때 객체가 발생된다.
http, 리소스, 컨텐츠, 웹어플리케이션 요청을 하고 응답모델을 보낼때 jsp를 사용한다. 요청클라이언트가 서로 상호작용한다. event모델을 사용한다.
이벤트란
사용자와 상호작용하는 것을 의미한다.
Html을 조작하는 것을 목적으로 한다.
java와 javaScript의 사용목적 java javaScript 클라이언트의 요청처리 사용자와의 상호작용 요청파라미터값 조회 및 객체에 담기 폼입력값 유효성 체크 업무로직의 실행 이벤트 처리 DB엑세스 작업실행 Html조작 응답컨텐츠 제공 엘리먼트의 선태, 컨텐츠와 값 조회, 컨텐츠와 값 변경, 스타일 변경
내용에 따라서 함수로 정의할 수 있다.
DAO에서 메소드를 정의하듯이 사용자와의 상호작용으로 일을 한다.
그것을 하나의 함수로 만든다.
EventSource
사용자와의 상호작용의 결과로 event객체를 발생시키는 객체를 의미한다. 클릭하기, 키보드입력, 마우스 클릭하기, 마우스 움직이기, 화면 스크롤하기, 체크박스 선택, 해제하기 등
element객체위에서 클릭하고 이동하면 event가 발생되도록 설계되어 있다.
Event
사용자와의 상호작용의 결과로 생성되는 객체 사용자와의 상호작용을 했던 엘리먼트 객체를 발생시킨다 종류도 정해져있다.
element의 객체마다 발생시킬 수 있는 event가 결정되어있다.
상호작용의 종류에 따라서도 발생시킬수 있는 event종류가 결정되어 있다.
이벤트의 종류 = 엄청많다. onclick, onmouseMove, onmousleave, onmouseMove, onkeyDown....
event객체는 발생한 이벤트 종류, 이벤트가 발생시킨 엘리먼트(태그에서 event가 발생되는 , 근처에 두면 창이 뜨고,사라지는 상호작용하는 이벤트) 이벤트와 관련된 여러 메소드를 포함하고 있다.
EventHandler
함수가 필요하다.
이벤트가 발생할 때 마다 실행되는 함수를 의미한다.
EventListener
이벤트가 발생할 때마다 실행되는 함수를 의미한다.
특정 엘리먼트에서 지정한 이벤트가 발생할 때 실행되는 함수이다.
마우스를 가져다대도 이벤트가 발생한다.
하나이상의 이벤트가 2개이상 이동할 수 있다. 특정엘리먼트에서 지정한 함수이다. 함부로 막 사용되면 안된다. 그래서 태그사이에 onclick="이벤트핸들러함수1();" 이렇게 event model을 지정할 수 있다. event, eventSource, eventHandler 3개의 GUI프로그램으로 연결, 입력, 엔터등의 행위를 통하여 상호작용을 진행하여 실행한다. GUI프로그램 eventModel이다. 안드로이드, 아이폰 전부 사용자와의 상호작용으로 발생한다. eventHandler의 함수가 실행되는데 이 함수는 어떤 엘리먼트, 어떤 실행속성이던지 지정하면 함수가 실행된다.
HTML DOM는 엘리먼트를 엑세스하는 메소드를 정의하고 있다. 모든 엘리먼트의 이벤트를 정의하고 있다. mouseEvent keyboardEvent InputEvent formEvent windowEvent 모든 브라우져가 동일하다. DOM이라는 문서객체 모델로 동일하게 구현하고 있다.
event객체가 발생한다. 이벤트종류, 엘리먼트(이벤트소스), 여러메소드(다양한메소드)를 포함하고 있다. 순간순간마다 계속 만들어진다. 이벤트종류에 맞는 메소드가 실행된다.
htn1(event) 이벤트가 변수에 저장된다. 엄청난 프라퍼티를 포함하고 있는 event객체가 저장된다.
htn2(this) 이벤트가 발생한 엘리먼트가 저장된다. this로 버튼2를 획득할 수 있다.
htn3(e, el) 이벤트와 엘리먼트를 획득할 수 있다.
target = event발생엘리먼트
type = 어떤 것으로 발생된건지 작성된다. 필요하다면 임의의 값을 event와 this로 획득가능하다. 엘리먼트에 값을 전달할 수 있게된다. 값을 읽어온다.
728x90
from http://lionpower.tistory.com/260 by ccl(A) rewrite - 2021-12-16 13:27:49