💻Programming

[JavaScript] 07. form 객체

forms 요소 document.forms 객체 HTMLCollction 객체로 요소는 폼의 이름이나 인덱스를 이용하여 접근한다. 객체를 이용하여 요소에 객체 이라고 하는 것은 유사 배열이라고 생각하면 편하다. form 주요 속성 및 메소드 주요 속성 설명 elemennts FORM 요소에 담긴 모든 form 컨트롤(control) 배열을 반환한다. length FORM 요소의 컨트롤 수를 반환한다. name 현재 FORM 요소 이름을 문자열로 반환한다. action FORM 요소의 action을 설정하거나 반환 받는다. enctype FORM 요소의 contentType을 설정하거나 반환 받는다. encoding 속성과 동일하다. method FORM 요소의 HTTP method를 설정하거나 반환 받는..

[JavaScript] 06. 이벤트 - MouseEvent

Ctrl을 누른 상태에서 클릭을 누르면 alert가 발생하도록 하는 예제

[JavaScript] 06. 이벤트 - KeyboardEvent

KeyboardEvent 인터페이스 KeyboardEvent 인터페이스는 키보드와 사용자가 상호 작용하여 발생하는 이벤트를 나타낸다. -ASCII 키 : a~z, A~Z, 0~9, 엔터 등 발생하는 이벤트: keydown - keypress - keyup keydown, keyup: a키 또는 A 키를 누르면 keyCode는 모두 65 keypress : a 키는 97, A는 65 keydown, keyup 이벤트는 keyCode 속성으로 대문자를 구분할 수 없음 keypress는 실제 눌러진 키코드를 반환 - F1~F12, Alt, Ctrl, Shift 등 특수키 발생하는 이벤트 : keydown~keyup 주요 속성 설명 altKey code 키 이벤트가 트리거 되었을 때"ALT"키를 눌렀는지 여부를..

[JavaScript] 06. 이벤트

이벤트는 현 단계부터 아버지 쪽으로 전파가 이루어진다. stopPropagation() 을 사용하면 상위로의 이벤트는 전파되지 않는다.