이벤트모델 썸네일형 리스트형 04-2.이벤트 모델 jQuery 이벤트 모델 특징) - 이벤트 핸들러를 할당할 수 있는 통합 메서드를 제공. - 엘리먼트의 이벤트 타입마다 여러 핸들러를 할당할 수 있다. - click, mouseover 같은 표준 이벤트 타입명을 사용. - 핸들러의 매개변수를 써서 Event 인스턴스를 사용할 수 있다. - 자주 사용하는 Event 인스턴스의 프로퍼티들에 일관된 이름을 사용. - 이벤트 해제와 기본 행동을 막는 통합 메서드를 제공. - 캡처 단계를 지원하지 못함 - 하나의 API로 표준 호환 브라우저와 인터넷 익스플로러를 모두 지원. [ jQuery를 사용해 이벤트 핸들러 바인딩 ] bind(eventType, data, listener) - 일치된 집합에 있는 모든 엘리먼트에 지정한 이벤트 타입의 핸들러로 전달된 함수를.. 더보기 04-1.브라우저 이벤트 모델 브라우저 이벤트 모델 ▶ DOM 레벨 0 이벤트 모델 ◀ [ Event 인스턴스 ] 대부분의 브라우저에서 이벤트 핸들러가 실행될 때 Event 클래스의 인스턴스가 첫 번째 매개변수로 전달. 인터넷 익스플로러는 window의 event 프로퍼티에 Event 인스턴스를 저장. 이 차이점을 해결하려고 다음과 같은 코드를 사용한다. if (!event) event = window.event; 표준 브라우저의 경우 target 프로퍼티를 참조하지만 인터넷 익스플로러의 경우 srcElement 프로퍼티를 참조하므로 다음과 같은 코드를 사용하여 해결한다. var target = (event.target) ? event.target : event.srcElement; [ 이벤트 버블링 ] 대상이 된 엘리먼트가 이벤트를.. 더보기 이전 1 다음