본문 바로가기

전체 글

 (596)
jQuery 이벤트 (Section 44) 참고> opentutorials.org/course/1375/6862 1. jQuery는 크로스 브라우징을 알아서 처리해주고, 이벤트 처리를 보다 간결하게 구현할 수 있도록 해줌.
이벤트 타입 - 마우스 (Section 43) 참고> opentutorials.org/course/1375/6766 1. shiftkey, altkey, ctrlkey : mouse 관련 이벤트가 발생했을 때 event 객체의 프로퍼티로 어떤 key가 눌렸는지 확인 가능함
이벤트 타입 - 문서 로딩 (Section 42) 참고> opentutorials.org/course/1375/6765 1. Javascript가 html 위쪽에 있으면 그 아래에서 생성된 HTML 태그들은 아직 존재하지 않은 상태임. Javascript 잘 쓰려면 HTML 태그가 잘 생성된 시점에 코드가 실행되는지 프로그래머가 확인해 주어야 함 2. window.load 이벤트의 핸들러 내에서 Javascript 코드를 실행할 경우 HTML 태그들은 이미 생성된 상태이기 때문에 코드가 잘 동작함. 3. DOMContentLoaded 이벤트: HTML 태그 등 DOM 요소들은 로드되었고 이미지 등의 다운로드는 아직 안된 상태에서 발생하는 이벤트.
이벤트 타입 - 폼 (Section 41) 참고> opentutorials.org/course/1375/6762 1. submit : 폼의 정보를 서버로 전송하는 명령인 submit을 할 때 발생하는 이벤트 - form 태그에 적용됨 2. change: 폼 컨트롤이 값이 변경되었을 때 발생하는 이벤트 3. blur: 포커스가 사라졌을 때 발생하는 이벤트 4. focus: Element에 포커스가 생겼을 때 발생하는 이벤트
이벤트 타입 (Section 40) 참고> opentutorials.org/course/1375/6764 1. 이벤트 타입: 이벤트의 종류이다. -> 웹브라우저는 많은 종류의 이벤트 타입을 제공해줌. ex) 폼, 문서 로딩, 마우스..
이벤트 기본 동작의 취소 (Section 39) 참고> opentutorials.org/course/1375/6769 1. 웹브라우저의 구성요소들은 각각 기본적인 동작 방법을 가지고 있음. 2. 인라인 방식 혹은 프로퍼티에 event를 등록할 경우 event 핸들러에서 리턴 값을 false로 하면 이벤트 기본 동작을 취소할 수 있음. 3. addEventListener()에서는 event.preventDefault() 를 호출해야 한다. -> IE9 이하 버전에서는 preventDefault() 가 없으므로 event.returnValue를 false로 해야 한다.
이벤트 전파 (버블링과 캡처링) (Section 38) 참고> opentutorials.org/course/1375/6768 1. 캡처링(Capturing) : 조상에게서 event가 발생하여 후손들에게 event가 내려가는 방식 -> 부모가 포함하고 있는 자식에게 어떤 이벤트가 발생하고, 해당 이벤트에 대한 핸들러를 부모와 자식이 모두 가지고 있으면 부모의 event handler 호출 후 자식의 event handler가 호출됨. -> addEventListener()를 호출할 때 세번째 인자를 true로 두면 캡처링이 됨. -> IE의 예전 버전에서는 지원되지 않던 기능이기 때문에 실제로는 많이 사용되지 않음. 2. 버블링(Bubbling) : 후손에게서 event가 발생하여 조상들에게 event가 올라가는 방식 -> 실제로 많이 사용됨 -> addEv..
이벤트 등록 방법 - addEventListener() 함수 (Section 37) 참고> opentutorials.org/course/1375/6761 1. 이벤트 등록 방법 중 많이 권장되는 방식 2. ie8 이하에서는 addEventListener가 없으므로 attachEvent를 참조해야 함 (최근에는 라이브러리들이 알아서 크로스 브라우징 이슈를 해결해 줌) 3. 코드 재활용성이 좋음

티스토리툴바