이벤트

• 웹 화면에서 사용자가 키보드를 누르거나 , 마우스를 클릭하거나 윈도우 크기를 조절하는 행위는 웹 프로그램에 영향을 미치게 된다. 
• 이러한 행위를 "이벤트"라고 한다. 이러한 행위가 일어났을 때 (즉 이벤트가 발생되었을 때 ) 어떠어떠한 프로그램에 영향을 미치게 될 내용을 작성할 수 있다.
• 자바스크립트에서는 이미 키보드를 누르거나 마우스를 클릭하거나 하는 이벤트가 이미 만들어져 있고, 필요하다면 내가 만드는 프로그램에서 필요한 곳에 해당 이벤트에 시키고자 하는 일(함수)를 연결시켜주면 된다. => 이벤트 핸들러
• button 이벤트 종류 확인하기 
  • 이클립스에서 <button> 태그를 만들고 on까지만 쓰고 ctrl+space를 누르면 연결할 수 있는 이벤트 목록을 확인할 수 있다.

 

this 의 사용

• 이벤트가 연결된 함수에서 이벤트가 발생한 노드 자신을 의미하는 this 를 사용할 수 있다.

이벤트 연결하기

• 인라인 이벤트 연결
  • html  태그 내부에 자바스크립트 코드를 넣어서 이벤트를 연결하는 방식
  • 태그에 직접 명령어(들)를 쓰는 방식
  • 태그에 동작할 함수를 연결하는 방식
• 고전 이벤트 연결
  • html 태그 내부에 직접 연결하지 않고 자바 스크립트로 대상이 되는 노드를 찾아서 이벤트를 연결하는 방식