JAVASCRIPT#23 - 자바스크립트 이벤트와 이벤트핸들러

No other pony can replace you. AJ, you are my soul and only heart.

JAVASCRIPT#23 - 자바스크립트 이벤트에 대하여

1. 자바스크립트 이벤트란?

- 자바스크립트 이벤트는 어떤 일(이벤트)이 발생할 경우 함수를 시작하는것을 의미한다.

- 만약 on~하면(on~한일이 발생하면) 함수를 실행하겠다.

2. 자바스크립트 이벤트 사용하는 방법

- 1) 인라인 이벤트 방식 : HTML 테그안에 넣어서 이벤트 발동시 작동시키는 방식

HTML :: <button onclick="myf()"></button>

JS :: var myf = function() {}

- 2) 프로퍼티 이벤트 방식 : DOM 이용, 해당 객체에 대한 이벤트 발생시 함수 실행시킴.

HTML :: <button id="pony"></button>

JS :: var myf = function() {}

var butob = document.getElementById("pony");

      butob.onclick = myf;

* 개인적으로 인라인이 더 직관적이고 좋은듯?  

3. 자바스크립트 이벤트 핸들러란?

- 자바스크립트 이벤트핸들러는 이벤트 발생시 실행하게될 함수를 이벤트 핸들러라고 한다.

4. <input> 태그

- 값을 입력받는 태그.

(이거 좀 심각한 태그인데, form 태그랑 같이 쿼리 서버관련한 중요한 태그...스테이지 보스 느낌ㄷㄷ)

- 얘 닫는 태그 사용안함!

- <input type="text"> 텍스트받기

- <input type="submit"> 제출하기

HTML INPUT 태그로 값 입력하고 JS에서 DOM이용해서 저장하고 제목 바꾸는 예제

값 입력받기.zip