event

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로 획득가능하다. 
  • 엘리먼트에 값을 전달할 수 있게된다. 
  • 값을 읽어온다. 

• 

•