FU11M00N

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - jQuery 이벤트 jQuery는 이벤트와 관련해서 편리한 기능을 제공합니다. 순수하게 구현했을 때와 jQuery를 사용했을때의 코드 분량에서 큰 차이가 있습니다. jQuery는 크로스 브라우징을 알아서 처리해줍니다. 즉 이벤트를 보다 적은 코드로 구현할 수 있습니다. 이런 이유 때문에 jQuery와 같은 라이브러리를 사용합니다. - onAPI 사용법 on 은 jQuery에서 가장 중요한 이벤트 API 라고 할 수 있습니다. on API 를 통해서 jQuery 에서 이벤트를 다루는 방법을 알아보도록 합시다. on 의 기본 형태는 아래와 같습니다. .on( events [, selector ] [, data ], handler..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 마우스 이벤트 웹브라우저는 마우스와 관련해서 다양한 이벤트 타입을 지원합니다. click 클릭했을 때 발생하는 이벤트. dblclick 더블클릭을 했을 때 발생하는 이벤트 mousedown 마우스를 누를 때 발생 mouseup 마우스버튼을 땔 때 발생 mousemove 마우스를 움직일 때 mouseover 마우스가 엘리먼트에 진입할 때 발생 mouseout 마우스가 엘리먼트에서 빠져나갈 때 발생 contextmenu 컨텍스트 메뉴가 실행될 때 발생 - 키보드 조합 마우스 이벤트 마우스 이벤트가 호출될 때 특수키(alt, ctrl, shift)가 눌려진 상태를 감지해야 한다면 이벤트 객체의 프로퍼티를 사용하면 됩니다. 이 때 ..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 캡처링(Capturing) HTML 태그는 중첩되어 있습니다. 특정한 태그에서 발생하는 이벤트는 중첩되어 있는 태그들 모두가 대상이 되는 경우가 생깁니다. 이럴때 중첩된 태그들의 이벤트는 어떻게 처리가 되어 출력이 되는지 보겠습니다. - 예제 event propagation 위의 예제 코드에서, 제일 안쪽에 존재하는 id 가 target 인 버튼을 누르면 아래와 같이 출력됩니다. 그러면 이벤트가 부모에서부터 시작되어 자식으로 전파되는 식으로 출력이 됩니다. 부모에서 자식으로 전파되는 방식이 캡쳐링(capturing) 이라고 합니다. 하지만 ie 낮은 버전에서는 작동하지 않기 때문에 잘 사용하지는 않습니다. - 버블링(Bubb..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 이벤트(Event)란 이벤트(event)는 어떤 사건을 의미합니다. 브라우저에서의 사건이란 사용자가 클릭을 했을 '때', 스크롤을 했을 '때', 필드의 내용을 바꾸었을 '때'와 같은 것을 뜻합니다. onclick 속성의 자바스크립트 코드(alert(window.location))는 사용자가 이 버튼을 클릭 했을 '때' 실행됩니다. JS 개발자는 어떤 일이 발생했을 때 실행 되어야 하는 코드를 등록합니다. 그리고 브라우저는 그 일이 발생했을 때 등록된 코드를 실행하게 됩니다. 이러한 방식을 이벤트 프로그래밍이라고 합니다. - event target target은 이벤트가 일어날 객체를 의미합니다. 타겟은 버튼 태그에 대한 객체..